zoukankan      html  css  js  c++  java
  • 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()) {

      }

     }

  • 相关阅读:
    树莓派也跑Docker和.NET Core
    使用iSCSI协议挂载网络磁盘,电脑瞬间扩大一个T的容量!
    Azure DevOps Server (TFS)免费吗?
    明确架构目标
    MMN实用架构过程概览
    设计恰如其分的架构
    对象的自治和行为的扩展与适配
    Message Chains与Fluent Interface
    如何减少代码的量
    《软件框架设计的艺术》书评
  • 原文地址:https://www.cnblogs.com/evablog/p/6278821.html
Copyright © 2011-2022 走看看