标签的概述

Label使您能够将标签HTML元素与TextBox关联。

基本用法

若要将文本框与标签关联，请设置标签属性，通过提供字符串或函数。的字符串和函数参数设置标签的内部HTML。

下面的示例演示如何从字符串为TextBox设置Label。

< !——定义包含文本框的HTML div。-->   < > $()时()函数{$(" #文本框")。kendoTextBox({label: "First Name"});});> < /脚本

下面的示例演示如何从函数为TextBox设置Label。函数上下文(可通过这关键字)将设置为小部件实例。

< !——定义包含文本框的HTML div。-->   < > $()时()函数{$(" #文本框")。kendoTextBox({label: function(){返回"First Name";}});});> < /脚本

Label还公开了一个内容属性，用于设置标签的内部HTML。

下面的示例演示了如何从字符串创建Label。

< !——定义包含文本框的HTML div。-->   < > $()时()函数{$(" #文本框")。kendoTextBox({label: {content: "First Name"}});});> < /脚本

下面的示例演示了如何从函数创建Label。

< !——定义包含文本框的HTML div。-->   < > $()时()函数{$(" #文本框")。kendoTextBox({label: {content: function(){返回"First Name";}}});});> < /脚本

浮动标签使您能够为文本框提供浮动标签功能。

下面的示例演示如何为文本框设置浮动标签。

< !——定义包含文本框的HTML div。-->   < > $()时()函数{$(" #文本框")。kendoTextBox({label: {content: "First Name"，浮动:true}});});> < /脚本

如果设置为真正的，小部件将被包装在一个容器中，该容器将允许浮动标签功能。

重要的是:的价值方法不触发的focusout输入的事件。这可能会影响浮动标签的功能。方法来克服这种行为刷新浮动标签的方法:$(" #文本框”). data (kendoTextBox) .floatingLabel.refresh ();