javascript - 适用于网站的 js kendo 模板

Question

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

但是这个文件非常非常大 (2.102 KB)。我想要适合这个 sulotion 的合适的剑道 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>

Answer 1

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

Demo