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