Kendo ui grid localization, kendogrid
Add js reference
<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 Tag:
<input id="datepicker" value="10/10/2011" style="width:150px;" /> <div id="example"> <div id="grid"></div> </div>
The js Code is as follows:
<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: "added" }}, scrollable: false, sortable: true, filterable: true, pageable: {input: true, numeric: false}, columns: [{field: "id ", title: "id", format: "{0: c}", width: "130px" },{ field: "name", title: "name", width: "130px" },{ command: ["edit", "destroy"], title: "", width: "200px"}]}); $ ("# datepicker "). kendoDatePicker () ;}); </script>
As follows:
Summary:
1. kendo. culture ("zh-CN"); indicates the language used to set the current kendo.
2. Where the title in kendo grid is written in Chinese?
Editable :{
Confirmation: true,
Mode: "popup ",
Window :{
Title: "new"
}
}
3. A finished grid is finished through the above steps. Paging, editing, and buttons are all finished.
Reprinted please mark from: http://blog.csdn.net/zhangyuanwei88 Thank you
What is kendo ui? The source code I wrote down is html, css, and js.
The Kendo UI is built based on the latest WEB technologies HTML5, CSS3, and JavaScript.
Where can I download the UI from the jquery official website?
Latest Version of kendo ui www.evget.com/product/3225/download