(四) kendo UI 模板控件template使用与注意事项

weixin_30685029

于 2014-07-23 19:44:00 发布

阅读量210

点赞数

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/yzs1013/p/3863809.html

版权

本文介绍如何利用Kendo UI模板技术快速构建一个包含欢迎消息的HTML页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script id="index" type="text/x-kendo-template"></script>

=======================================================
<script id="index" type="text/x-kendo-template">
    <span>Hello World!</span>
</script>

<script>
    var index = new kendo.View('index');
    //var index = new kendo.View('<span>Hello World!</span>'); //直接写HTML代码
    index.render("#app");//显示
    //$("#app").append(index.render());//真正加入代码
    //$("#app").html($("#index").text()) //jQuery语法

    //var templateContent = $("#myTemplate").html(); 
    //var template = kendo.template(templateContent); 
    //var data = [{ name: "John", isAdmin: false },{ name: "Alex", isAdmin: true }]; 
    //var result = kendo.render(template, data); //render the template 
    //$("#users").html(result); //append the result to the page 

</script>