jQuery的剑道UI?下载30天免费试用

开始与内联剑道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模板,学习如何定义外部模板,并在更高级和复杂的场景中使用它们!

下一个步骤

另请参阅

在本文中
Baidu
map