半岛权威十大直营(官方)网站

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

原创|使用教程|编辑：龚雪|2020-08-10 10:32:16.373|阅读 176 次

概述：Kendo UI for jQuery是创建现代Web应用程序的最完整UI库，本文Kendo UI Grid支持行模板，使您可以将自定义内容放入Grid行。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

Kendo UI for jQuery R2 2020 SP1试用版下载

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

行模板

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

有关可运行的示例，请参阅：

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

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

<script id="template" type="text/x-kendo-tmpl">
<tr>
<td>
#= firstName #
</td>
<td>
#= lastName #
</td>
<td>
<a href="mailto:#= email #">#= email #</a>
</td>
</tr>
</script>

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

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

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

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

慧都高端UI界面开发

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP