kendo ui grid 漢化，kendogrid

kendo ui grid 漢化，kendogrid

添加js引用

<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />    <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css" rel="stylesheet" />    <script src="http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js"></script>    <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>    <script src="kendo.culture.zh-CN.min.js"></script>    <script src="kendo.messages.zh-CN.js"></script>

html標籤：

<input id="datepicker" value="10/10/2011" style="width:150px;" />    <div id="example">        <div id="grid"></div>    </div>

js代碼如下：

 <script>        var data = { data: [{ id: 1, name: "test1" }, { id: 2, name: "test2" }], total: 25 }        $(function () {            kendo.culture("zh-CN");            $("#grid").kendoGrid({                dataSource: {                    data: data,                    schema: {                        data: "data",                        total: "total",                        model: {                            id: "id",                            fields: {                                id: "id",                                name: "name"                            }                        }                    },                    pageSize: 20                },                editable: {                    confirmation: true,                    mode: "popup",                    window: {                        title: "新增"                    }                },                scrollable: false,                sortable: true,                filterable: true,                pageable: {                    input: true,                    numeric: false                },                columns: [                    { field: "id", title: "id", format: "{0:c}", width: "130px" },                    { field: "name", title: "名稱", width: "130px" },                { command: ["edit", "destroy"], title: " ", width: "200px" }                ]            });            $("#datepicker").kendoDatePicker();        });    </script>

如下：

總結：

1.kendo.culture("zh-CN"); 是設定當前kendo 使用的語言

2.kendo grid中的title 漢化的地方是

editable: {
                    confirmation: true,
                    mode: "popup",
                    window: {
                        title: "新增"
                    }
                }

3.通過上面的步驟一個漢化好的grid就完成了。分頁，編輯，按鈕都漢化好了。

轉載請標註出自：http://blog.csdn.net/zhangyuanwei88  謝謝

kendo ui是什？我下下來的源碼都是html、css、js的東西，教

Kendo UI使用者介面是利用WEB中最新的技術HTML5、CSS3、JavaScript而建立的
 
jquery 官方網站再哪個地方下載介面UI?

kendo ui最新版 www.evget.com/product/3225/download