当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

Kendo UI for jQuery数据管理使用教程:行模板

发布时间:2020/09/04 浏览量:2237

Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的完整UI库。

 

行模板

Kendo UI Grid支持行模板,使您可以将自定义内容放入Grid行。

如果从div元素初始化Grid,则可以通过使用脚本标签中的模板或列对象上的template选项中的模板来格式化Grid中的任何单元格。

下面的示例演示如何使用模板通过脚本块中声明的模板将电子邮件地址格式化为超链接。

 

下面的示例演示如何通过将其传递到rowTemplate选项并使用kendo.template函数对其进行初始化,来将前一种方法指定为每行的模板。结果,电子邮件地址是一个交互式超链接,当用户单击它时,它将打开一个新的电子邮件。

$(#grid).kendoGrid({
rowTemplate: kendo.template($(#template).html()),
// Other configuration.
});

如图:具有已应用行模板的网格

 

北京哲想软件有限公司