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

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.
});

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

Kendo UI for jQuery数据管理使用教程:行模板_第1张图片



公司名称:北京哲想软件有限公司

北京哲想软件官方网站:www.cogitosoft.com

北京哲想软件微信公众平台账号:cogitosoftware

北京哲想软件微博:哲想软件

北京哲想软件邮箱:[email protected]

销售(俞先生)联系方式:+86(010)68421378

微信:18610247936 QQ:368531638


你可能感兴趣的:(Kendo UI for jQuery数据管理使用教程:行模板)