easyui datagrid edit 取消单行,多行文本框编辑

$('#gridData').datagrid({
        nowrap:false,
        striped: true,
        checkOnSelect: false,
        selectOnCheck: true,
        //是否显示行号
        rownumbers:true,
        //是否只能单选行
        singleSelect:false,
        fit: true,
        url: "gridChannelOrderList",
        queryParams:{
            terminalType: $('#terminal').combobox('getValue'),
            tvTypeCode:    $("#tvType").combobox('getValue')
        },
        toolbar: toolbar,

        //固定左边的列
        frozenColumns:[[
            {field:'ck',checkbox:true}
            
        ]],

        //需要显示的列
        columns:[[
            {
                field : 'orderFile',
                title : '排序号',
                width:80,
                align:'center',
                editor : {
                    type : 'validatebox',
                    options : {
                        required : true,
                        validType : 'integer'
                    }
                }
            },{
                field : 'action',
                title : '操作',
                width : 140,
                align : 'center',
                formatter : function(value, row, index) {
                    if (row.editing) {
                        var c = '<a href="javascript:void(0);" οnclick="cancelrow(this)">取消</a>';
                        return c;
                    } else {
                        var e = '<a href="javascript:void(0);" οnclick="editrow(this)">编辑</a> ';
                        return e;
                    }
                }
            }
        ]],
        onBeforeEdit : function(index, row) {
            row.editing = true;
            updateActions(index);
        },
        onAfterEdit : function(index, row) {
            row.editing = false;
            updateActions(index);
        },
        onCancelEdit : function(index, row) {
            row.editing = false;
            updateActions(index);
        },
        //加载成功后
        onLoadSuccess:function(data){
          //
        },
        //加载失败后
        onLoadError:function(data){

    });

function getRowIndex(target) {
    var tr = $(target).closest('tr.datagrid-row');
    return parseInt(tr.attr('datagrid-row-index'));
}
function editrow(target) {
    var changeRows = $('#gridData').datagrid('getChanges');
    $('#gridData').datagrid('beginEdit', getRowIndex(target));
}
function updateActions(index) {
    $('#gridData').datagrid('updateRow', {
        index : index,
        row : {}
    });
}
function cancelrow(target) {

//取消单行编辑

 $('#gridData').datagrid('cancelEdit', getRowIndex(target));

//取消所有行编辑

    dataGridOper.datagrid('rejectChanges',getRowIndex(target));
    $('#gridData').datagrid('endEdit', getRowIndex(target));

}

function saverow() {

     var row = $("#gridData").datagrid("getRows");
    for (var i = 0;i < row.length; i++) {
        $('#gridData').datagrid('endEdit', i);
    }
    
    var updateRows = $('#gridData').datagrid('getChanges', 'updated');
    var changesRows = {
        updated : []
    };

    if (updateRows.length > 0) {
        for (var k = 0; k < updateRows.length; k++) {
            changesRows.updated.push(updateRows[k]);
        }
    }
    var json = JSON.stringify(changesRows);
    var jsonobj=eval('('+json+')');
    alert(jsonobj.updated.length);

//打印日志信息

console.info($('#gridData').datagrid('getChanges','updated'));

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值