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

  • 相关阅读:
    定时器
    自定义个性化 EditPeople控件
    infopath 2010 调试.
    MOSS 查询
    网站项目建设流程概述
    跨站点显示列表数据 ListViewWebPart
    VIM记事——大小写转换
    事务码记录 程序优化常用st12
    SAP各模块字段与表的对应关系
    固定资产一览
  • 原文地址:https://www.cnblogs.com/baota/p/12237496.html
Copyright © 2011-2022 走看看