适用于网站的js kendo模板

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了适用于网站的js kendo模板相关的知识,希望对你有一定的参考价值。

我在我的网站中只使用了剑道模板,并使用此js:kendo.cdn.telerik.com/2015.2.805/js/kendo.all.min.js

但是这个文件非常大(2.102 KB)。我想要适当的kendo js文件,但我不知道:

我的代码是:

<script>
    function FillSpecificationAttr(attrId) {
        var template = kendo.template($("#template").html());
        var ID = attrId;
        var dataSource = new kendo.data.DataSource({
            type: "json",
            transport: {
                read: {
                    url: "../AjaxFunctionPages.asmx/ProductSpecAttrList",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: {
                        ID: ID
                    }
                },
                destroy: {
                    url: "../../AjaxFunctionsAdminPages.asmx/TierPriceDelete",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: {
                        ID: ID
                    }
                },
                parameterMap: function (data, operation) {
                    if (operation != "read") {
                        // web service method parameters need to be send as JSON. The Create, Update and Destroy methods have a "products" parameter.
                        return JSON.stringify({ ID: data.Id })
                    }
                    else if (operation == "destroy") {
                    }
                    else {
                        // web services need default values for every parameter
                        data = $.extend({ sort: null, filter: null }, data);
                        return JSON.stringify(data);
                    }
                }
            },
            schema: {
                data: "d.Data"
            },
            requestStart: function () {
                kendo.ui.progress($("#tblConfigProduct"), true);
            },
            requestEnd: function () {
                kendo.ui.progress($("#tblConfigProduct"), false);
            },
            change: function () {
                $("#tblConfigProduct").html(kendo.render(template, this.view()));
            }
        });
        dataSource.read();
    };
</script>

答案

我认为模板是在kendo.core.min.js文件中定义的,在2017.2.504版本中只有54KB的大小。您仍然需要jQuery库作为文档中添加的必需依赖项。

Demo

以上是关于适用于网站的js kendo模板的主要内容,如果未能解决你的问题,请参考以下文章

可编辑的详细信息模板 Kendo UI 网格

代码适用于与单个 html 文件不同的堆栈片段

将 Kendo Grid 工具栏搜索应用于日期的模板值

使用 Django 模板作为片段

Javascript - 如何在 Kendo 模板上转义双引号和单引号

适用于 Windows 商店 8.1 的 Windows Azure node.js 推送通知 - 如何使用“createRawTemplateRegistration”模板?