神马是easyui
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，comboBox，menu，dialog，tabs，tree，validateBox，window等等。
下面通过代码看下easyui datagird编辑行删除行功能，具体代码如下所示：
executeMoney){
alert("执行金额超出台账登记执行金额！");
if(oldMoney){
$("#dg").datagrid('updateRow',{
index: opeRow,row: {exeMoneyString:oldMoney}
});
}
$("#dg").datagrid('beginEdit',opeRow);
$("#dg").datagrid('unselectAll');
return false;
}
//新增
var addRows = $("#dg").datagrid('getChanges','inserted');
//修改
var updateRows = $("#dg").datagrid('getChanges','updated');
//删除
var delRows = $("#dg").datagrid('getChanges','deleted');
var addOrUpdate = $.merge(addRows,updateRows);
var addOrUpdateStr = JSON.stringify(addOrUpdate);
var delRowsStr = JSON.stringify(delRows);
$.ajax({
type:'post',url:'../foreignexchange/fexLedgerManager.do',data : {
"method" : $("#method").val(),"addOrUpdateStr" : addOrUpdateStr,"delRowsStr" : delRowsStr
},cache:false,dataType:'json',success:function(data){
if(data.success){
alert(data.msg);
init();
}else{
alert(data.msg);
}
}
});
}
}],onAfterEdit: function (rowIndex,rowData,changes) {
editRow = undefined;
},onDblClickRow:function (rowIndex,rowData) {
if (editRow != undefined) {
$("#dg").datagrid('endEdit',editRow);
}
if (editRow == undefined) {
$("#dg").datagrid('beginEdit',rowIndex);
editRow = rowIndex;
var row = $("#dg").datagrid('getSelected');
oldMoney = row.exeMoneyString;
}
},onClickRow:function(rowIndex,rowData){
if (editRow != undefined) {
$("#dg").datagrid('endEdit',editRow);
}
}
});
}
function formatMeony(value){
var money =value;
var temp = money.split(",");
var result = "";
var value = 0;
var size = temp.length;
for (var j = 0; j < size; j++) {
result = result + temp[j];
}
value = parseFloat(result);
return value;
}
总结
以上所述是小编给大家介绍的jQuery easyui datagird编辑行删除行功能的实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/jquery/30059.html