开始与内联剑道UI模板
本指南演示了如何使用JavaScript字符串定义一个Kendo UI模板,这适用于小型模板。
完成本指南后,您将能够创建和编译一个内联模板并显示返回的HTML结果,如下例所示:
< div id = "例子" > < / div > <脚本> var templateString = " < b >名称:#:firstName # < / b >——>年龄:<我> #:年龄# < / i > ";var data = {firstName: "Todd",年龄:16};var template = kendo.template(templateString);Var结果=模板(数据);$(" #示例”). html(结果);> < /脚本
1.创建内联模板
首先,通过设置JavaScript字符串创建内联模板。
var templateString = " < b >名称:#:firstName # < / b >——>年龄:<我> #:年龄# < / i > ";var template = kendo.template(templateString);
2.编译模板
接下来,将内联模板编译为使用Kendo UI构建HTML的函数模板
方法。
var data = {firstName: "Todd",年龄:16};var template = kendo.template(templateString);Var结果=模板(数据);
3.显示返回的HTML
现在可以显示返回的HTML。在下面的示例中,从模板返回的HTML被设置为内容为div#例子
元素。
$(" #示例”). html(结果);
就是它了!现在您已经准备好更深入地研究Kendo UI模板,学习如何定义外部模板,并在更高级和复杂的场景中使用它们!