• 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

  • 相关阅读:
    linux网络服务
    linux支持中文
    quartz-2实例
    makefile入门
    form 组件
    jquery +ajax 上传加预览
    iframe 加form提交数据
    笔记,ajax,事件绑定,序列化
    KindEditor
    统计图表
  • 原文地址:https://www.cnblogs.com/baota/p/12237496.html
Copyright © 2020-2023  润新知