标签的概述
Label使您能够将标签HTML元素与NumericTextBox关联起来。
基本用法
要将数字文本框与标签关联,请设置标签
属性,通过提供字符串或函数。的字符串
和函数
参数设置标签的内部HTML。
下面的示例演示如何从字符串为NumericTextBox设置标签。
<!——定义包含NumericTextBox的HTML div。--> < > $()时()函数{$ (" # numerictextbox ")。kendoNumericTextBox({label: "Price"});});> < /脚本
下面的示例演示如何从函数为NumericTextBox设置Label。函数上下文(可通过这
关键字)将设置为小部件实例。
<!——定义包含NumericTextBox的HTML div。--> < > $()时()函数{$ (" # numerictextbox ")。kendoNumericTextBox({标签:函数(){返回"价格";}});});> < /脚本
Label还公开了一个内容
属性,用于设置标签的内部HTML。
下面的示例演示了如何从字符串创建Label。
<!——定义包含NumericTextBox的HTML div。--> < > $()时()函数{$ (" # numerictextbox ")。kendoNumericTextBox({label: {content: "Price"}});});> < /脚本
下面的示例演示了如何从函数创建Label。
<!——定义包含NumericTextBox的HTML div。--> < > $()时()函数{$ (" # numerictextbox ")。kendoNumericTextBox({标签:{内容:函数(){返回"价格";}}});});> < /脚本
浮动标签
浮动标签使您能够为NumericTextBox提供浮动标签功能。
下面的示例演示如何为NumericTextBox设置浮动标签。
<!——定义包含NumericTextBox的HTML div。--> < > $()时()函数{$ (" # numerictextbox ")。kendoNumericTextBox({label: {content: "Price",浮动:true}});});> < /脚本
如果设置为真正的
,小部件将被包装在一个容器中,该容器将允许浮动标签功能。
重要的是:的价值方法不触发的
focusout
输入的事件。这可能会影响浮动标签的功能。方法来克服这种行为刷新
浮动标签的方法:$ (" # numerictextbox ") . data (kendoNumericTextBox) .floatingLabel.refresh ();