• easyUI数据表格datagrid之笔记2


    /**=========================================
    * 追加在表格尾部
    */
    function append(){
    editIndex = $('#dg').datagrid('getRows').length-1;
    //if (endEditing()){
    $('#dg').datagrid('appendRow',{
    MEDIA_ID:editIndex,
    MEDIA_NAME:'testmedia',
    MEDIA_DOMAIN:'http://ceshimedia.com/',
    MEDIA_TYPE:'2'
    });

    $('#dg').datagrid('selectRow', editIndex).datagrid('beginEdit', editIndex);
    //}
    }

    /**=========================================
    /*移除数据 */
    function removeit(){
    if (editIndex == undefined){return true;}
    $('#dg').datagrid('cancelEdit', editIndex)
    .datagrid('deleteRow', editIndex);
    editIndex = undefined;
    }


    /**=========================================
    /*接受表格的编辑并保存,,没有向数据库更新
    提交自从被加载以来或最后一次调用 acceptChanges 以来所有更改的数据。*/
    function accept(){
    if (endEditing()){
    $('#dg').datagrid('acceptChanges');
    }
    }


    /**=========================================
    * 取消编辑,也没有向数据库更新
    */
    function reject(){
    $('#dg').datagrid('rejectChanges');
    editIndex = undefined;
    }


    /**=========================================
    *获取最后一次提交以来更改的行
    * type 参数表示更改的行的类型,可能的值是:inserted、deleted、updated,等等。
    * 当 type 参数没有分配时,返回所有改变的行。*/
    function getChanges(){
    var rows = $('#dg').datagrid('getChanges');
    alert(rows.length+' rows are changed!');
    }

    表格的编辑(某一行的开始编辑和结束编辑)

    $("#dg").datagrid('beginEdit',0);
    $("#dg").datagrid('endEdit',0);

    $("#dg").datagrid('getChanges','inserted');//返回添加数据的对象,是一个数组类型,里面是键值对

    $("#dg").datagrid('getChanges','updated');//返回更新(修改)的对象

  • 相关阅读:
    Vue2.0 【第二季】第2节 Vue.extend构造器的延伸
    Vue2.0 【第二季】第1节 Vue.directive自定义指令
    Vue2.0 【第一季】第8节 v-pre & v-cloak & v-once
    Vue2.0 【第一季】第7节 v-bind指令
    c# tcp协议
    easyui笔记
    asp.net get中文传值乱码
    asp.net 调试,Web 服务器被配置为不列出此目录的内容。
    金蝶API 官方demo报错,解决方案
    hbuilder拍照上传,与asp.net服务器获取并保存
  • 原文地址:https://www.cnblogs.com/Lxiaojiang/p/5933896.html
Copyright © 2020-2023  润新知