Kendo ui grid localization, kendogrid

Source: Internet
Author: User

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
 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.