jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下

2020-05-27 17:58:20易采站长站整理

$.post('/Home/Create', rowstr, function (data) {

});

}

}, '-', {

text: '撤销', iconCls: 'icon-redo', handler: function () {

editRow = undefined;

$("#Student_Table").datagrid('rejectChanges');

$("#Student_Table").datagrid('unselectAll');

}

}, '-', {

text: '删除', iconCls: 'icon-remove', handler: function () {

var row = $("#Student_Table").datagrid('getSelections');

}

}, '-', {

text: '修改', iconCls: 'icon-edit', handler: function () {

var row = $("#Student_Table").datagrid('getSelected');

if (row !=null) {

if (editRow != undefined) {

$("#Student_Table").datagrid('endEdit', editRow);

}

if (editRow == undefined) {

var index = $("#Student_Table").datagrid('getRowIndex', row);

$("#Student_Table").datagrid('beginEdit', index);

editRow = index;

$("#Student_Table").datagrid('unselectAll');

}

} else {

}

}

}, '-', {

text: '上移', iconCls: 'icon-up', handler: function () {

MoveUp();

}

}, '-', {

text: '下移', iconCls: 'icon-down', handler: function () {

MoveDown();

}

}],

onAfterEdit: function (rowIndex, rowData, changes) {

editRow = undefined;

},

onDblClickRow:function (rowIndex, rowData) {

if (editRow != undefined) {

$("#Student_Table").datagrid('endEdit', editRow);

}

if (editRow == undefined) {

$("#Student_Table").datagrid('beginEdit', rowIndex);

editRow = rowIndex;

}

},

onClickRow:function(rowIndex,rowData){

if (editRow != undefined) {

$("#Student_Table").datagrid('endEdit', editRow);

}

}

});

}


<br><br>//上移

function MoveUp() {

var row = $("#Student_Table").datagrid('getSelected');

var index = $("#Student_Table").datagrid('getRowIndex', row);

mysort(index, 'up', 'Student_Table');

}

//下移

function MoveDown() {

var row = $("#Student_Table").datagrid('getSelected');

var index = $("#Student_Table").datagrid('getRowIndex', row);

mysort(index, 'down', 'Student_Table');

}

function mysort(index, type, gridname) {

if ("up" == type) {

if (index != 0) {

var toup = $('#' + gridname).datagrid('getData').rows[index];

var todown = $('#' + gridname).datagrid('getData').rows[index - 1];

$('#' + gridname).datagrid('getData').rows[index] = todown;

$('#' + gridname).datagrid('getData').rows[index - 1] = toup;