KendoUI 用下来的小总结

Kendoui

官网地址：http://demos.telerik.com/kendo-ui/

Aspnetmvc

* 引用jquery.1.10以上 *

1.项目引用 Kendo.Mvc.dll

2.页面引用 @using Kendo.Mvc.UI;

3.Name和 HtmlAttribute(new {id=’’}) 没有id就用name作为默认id

 

1.Grid

日期format("{0:MM-dd HH:mm}")

ClientTemplate("<label class='row-number'>#:columnName#</label>")

Read(read=>read.Action).Data(函数名)   分页加载时添加当前参数

Events(events=>events.DataBound(函数名))  加载后绑定事件

Drag a column and group by that column  功能点

Data Binding

Exporting

Data Editing

Filtering

Functionality

Templates

Columns

API

 

2.Treeview

Functionality

Drag & Drop

Animation effects

IMages

Checkboxes

Templates

DataBing

Events

API

 

3.Dropdownlist

Basic usage   Events,Bind

Binding to remote data  DataSource read

Server filtering  筛选  .Filter("contains")， datasource.ServerFiltering(true);

Virtualization   虚拟化

Grouping   分组.Group

Client Filtering datasource..ServerFiltering(false);

 

Customizing templates ValueTemplate,Template,FooterTemplate,HeaderTemplate

 

Cascading Dropdownlist   级联方式，无需添加change方法

Custom data source       read.Url("http://demos.telerik.com/kendo-ui/service/Products")

                            .DataType("jsonp");

Events  Change("onChange").Select("onSelect").Open("onOpen").Close("onClose").DataBound("onDataBound").Filtering("onFiltering");

onChange,onSelect... 是函数名

 

ApI

RTL suports

Keyboard navigation

 

4.Validator

 Form表单

 var validator = $("#ticketsForm").kendoValidator().data("kendoValidator");

$("form").submit(function (event) {

            event.preventDefault();

            if (validator.validate()) {

  }

 }