Web开发中jQuery数据管理列模板的剑道UI是什么？针对这个问题，本文详细介绍了相应的分析和解决方法，希望能帮助更多想要解决这个问题的小伙伴找到更简单易行的方法。
目前剑道UI提供了四个最新控件：jQuery的剑道UI、Angular的剑道UI、React的剑道UI支持、Vue的剑道UI支持。jQuery的剑道UI是创建现代Web应用程序最完整的UI库。
列模板
Kenuigrid呈现表示数据源项的表行(tr)。
有关可以运行的示例，请参见：
演示如何使用网格的行模板
演示如何使用网格的细节行模板
演示如何使用网格的工具栏模板
每个表格行包含代表网格列的表格单元格。默认情况下，网格在列中显示字段的HTML编码值。
下面的示例演示如何自定义列显示其值的方式。
将列模板设置为字符串
下面的示例显示了如何将模板设置为字符串并在HTML中包装列值。
divid='grid'/div
脚本
$('#grid ')。kendoGrid({ 0
第3360列[{ 0
字段： '名称'，
template :“strong # : name #/strong”
}],
数据源：[{name:'JaneDoe'}，{name:'JohnDoe'}]
});
/脚本将列模板设置为函数
以下示例演示如何将模板设置为kendo.template返回的函数
divid='grid'/div
script id=' name-template ' type=' text/x-kendo-template '
strong#:name#/strong
/script
脚本
$('#grid ')。kendoGrid({ 0
第3360列[{ 0
字段： '名称'，
template : kendo . template($(' # name-template ')。html())
}],
数据源：[{name:'JaneDoe'}，{name:'JohnDoe'}]
});
/script下面的示例演示如何将模板设置为返回字符串的函数。
divid='grid'/div
脚本
$('#grid ')。kendoGrid({ 0
第3360列[{ 0
字段： '名称'，
template : function(DataItem){ 0
返回“strong”kendo . htmlencode(DataItem . name)“/strong”；
}
}],
数据源：[{name:'JaneDoe'}，{name:'JohnDoe'}]
});
/script关于Web开发中jquery数据管理列模板的Kendouui问题的答案在这里分享。希望
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/94856.html