zoukankan      html  css  js  c++  java
  • kendo-ui 几个有用的数据操作

    在工作中发现几个有用的api:

    一,grid
    1.获得grid
    var grid = $("#proList").data("kendoGrid");
    2.获得data
    2.1 data
    var all = grid.dataSource.data();
    2.2 view
    var all = grid.dataSource.view();
    2.3 options
    var all = grid.dataSource.options.data || grid.dataSource._data;

    3.获得选中项
    3.1 获得选中行
    var rows = grid.select();
    var row0 = rows[0]; //trs数组中,第一条信息
    // <tr data-uid="xx-xx-xx-xx-xx" role="row" class="k-state-selected"></tr>
    var data = grid.dataItem(row0);
    <!-- select 方法,通过查询具有类名 .k-state-selected 需要启用属性selected:true -->
    3.2
    4.数据的增删改插查
    4.1增加一条数据(在尾部)
    grid.dataSource.add({index:1,mark:"新增一条数据"})
    4.2删除一条数据
    grid.dataSource.remove(all[0]);
    4.3修改一条数据
    var data0 = all[0];
    data.set("mark","set方法修改了这条数据");
    4.4插入一条数据
    grid.dataSource.insert("1",{index:2,mark:"在第二行插入一条数据"});
    4.5根据索引查数据
    grid.dataSource.data().at("1");
    grid.datasource.data()[1];
    5.grid刷新
    5.1 refresh (不进行ajax请求)
    grid.refresh();
    5.2 read (进行ajax请求)
    grid.dataSource.read();
    6.toolbar

  • 相关阅读:
    视频直播和实时音视频区别调研
    MySQL5.7 并行复制
    MySQL5.7 并行复制
    SSH 超时设置
    有赞透明多级缓存解决方案(TMC)设计思路
    有赞透明多级缓存解决方案(TMC)设计思路
    spring.net异常处理
    python之for学习
    pyhton小方法
    时间戳处理
  • 原文地址:https://www.cnblogs.com/baota/p/12237496.html
Copyright © 2011-2022 走看看