Javascript 前几个月的名称为Leabels（如12月15日至11月15日），以代替新标题和新标题2标签_Javascript_Kendo Ui

Javascript 前几个月的名称为Leabels（如12月15日至11月15日），以代替新标题和新标题2标签

javascript kendo-ui

Javascript 前几个月的名称为Leabels（如12月15日至11月15日），以代替新标题和新标题2标签,javascript,kendo-ui,Javascript,Kendo Ui,我如何修改下面的代码，以将前几个月的名称（当前月份1月16日）显示为标签（例如，12月15日11月15日），而不是标签新标题和新标题2标签。我不熟悉Java脚本和剑道UI -菲利浦- html{字体大小：12px；字体系列：Arial、Helvetica、sans serif；} $（文档）.ready（函数（）{ $（“#网格”）.kendoGrid({ 数据源：{ 类型：“odata”，运输：{ 阅读：“http://demos.telerik.com/kendo-ui/service/

我如何修改下面的代码，以将前几个月的名称（当前月份1月16日）显示为标签（例如，12月15日11月15日），而不是标签新标题和新标题2标签。我不熟悉Java脚本和剑道UI -菲利浦-


html{字体大小：12px；字体系列：Arial、Helvetica、sans serif；}
$（文档）.ready（函数（）{
$（“#网格”）.kendoGrid({
数据源：{
类型：“odata”，
运输：{
阅读：“http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
页面大小：20
},
身高：550，
分组：对，
可排序：是的，
可分页：{
刷新：是的，
页面大小：对，
按钮数：5
},
栏目：[{
字段：“联系人姓名”，
标题：“联系人姓名”，
宽度：200
}, {
字段：“ContactTitle”，
标题：“联系人标题”
}, {
字段：“公司名称”，
标题：“公司名称”
}, {
字段：“国家”，
宽度：150
}]
});
setTimeout（函数（）{
$（“#grid th[data field=ContactName].k-link”）.html（“NewTitle”）；
$（“#grid th[data field=ContactTitle].k-link”）.html（“NewTitle 2”）；
//另一种方法-使用网格的“设置选项”方法：
//$（“#网格”）.data（“kendoGrid”）.setOptions({
//栏目：[[{
//字段：“联系人姓名”，
//标题：“新名字”，
//宽度：200
//    }, {
//字段：“ContactTitle”，
//标题：“联系人标题”
//    }, {
//字段：“公司名称”，
//标题：“公司名称”
//    }, {
//字段：“国家”，
//宽度：150
//    }]]
//}, 100);
});
});

您可以直接设置网格列的标题文本。检查

太好了，非常感谢您的回答。它解决了我的问题。还有一件事，这类定制我应该在哪里研究？请告知。

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/grid/index">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.default.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1411/styles/kendo.dataviz.default.min.css" />

    <script src="http://cdn.kendostatic.com/2014.3.1411/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script>
</head>
<body>

        <div id="example">
            <div id="grid"></div>

            <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
                            },
                            pageSize: 20
                        },
                        height: 550,
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true,
                            buttonCount: 5
                        },
                        columns: [{
                            field: "ContactName",
                            title: "Contact Name",
                            width: 200
                        }, {
                            field: "ContactTitle",
                            title: "Contact Title"
                        }, {
                            field: "CompanyName",
                            title: "Company Name"
                        }, {
                            field: "Country",
                            width: 150
                        }]
                    });

                  setTimeout(function() {
                    $("#grid th[data-field=ContactName] .k-link").html("NewTitle");
                    $("#grid th[data-field=ContactTitle] .k-link").html("NewTitle 2");

                    //Another approach - using the "setOptions" method of the Grid:
                    //$("#grid").data("kendoGrid").setOptions({
                    //  columns: [[{
                    //        field: "ContactName",
                    //        title: "NEW NAME",
                    //        width: 200
                    //    }, {
                    //        field: "ContactTitle",
                    //        title: "Contact Title"
                    //    }, {
                    //        field: "CompanyName",
                    //        title: "Company Name"
                    //    }, {
                    //        field: "Country",
                    //        width: 150
                    //    }]]
                    //}, 100);
                  });
                });
            </script>
        </div>


</body>
</html>