Kendo ui grid localization, kendogrid

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