EasyUI Datagrid 取编辑修改后的内容

时间:2023-03-10 07:31:48
EasyUI Datagrid 取编辑修改后的内容
<script type="text/javascript">
$(function () {
$('#tt').datagrid({
iconCls: 'icon-edit',
method: 'post',
pagination: true,
rownumbers: true,
pageSize: 10,
pageList: [5, 10, 15, 20],
singleSelect: true,
idField: 'HHID',
url: '/admin/admin/JsonBianming',
columns: [[
{ field: 'HHID', title: '编号', width: 100 },
{ field: 'HHTitle', title: '标题', width: 100 },
{ field: 'HHUrl', title: 'Url', width: 300,editor:{
type:'validatebox',
options:{
validType: 'url'
}
} }, {
field: 'action', title: '操作', width: 70, align: 'center',
formatter: function (value, row, index) {
if (row.editing) {
var s = '<a href="javascript:void(0)" onclick="saverow(' + index + ')">保存</a> ';
var c = '<a href="javascript:void(0)" onclick="cancelrow(' + index + ')">取消</a>';
return s + c;
} else {
var e = '<a href="javascript:void(0)" onclick="editrow(' + index + ')">编辑</a> ';
var d = '<a href="javascript:void(0)" onclick="deleterow(' + index + ')">删除</a>';
return e + d;
}
}
},
]],
onBeforeEdit: function (index, row) {
row.editing = true;
$('#tt').datagrid('refreshRow', index);
},
onAfterEdit: function (index, row) {
row.editing = false;
$('#tt').datagrid('refreshRow', index);
},
onCancelEdit: function (index, row) {
row.editing = false;
$('#tt').datagrid('refreshRow', index);
}
});
})
//修改
function editrow(index) {
$('#tt').datagrid('beginEdit', index);
}
//删除
function deleterow(index) {
$.messager.confirm('Confirm', '确定要删除这条吗?', function (r) {
if (r) {
$('#tt').datagrid('deleteRow', index);
}
});
}
//保存
function saverow(index_) {
$('#tt').datagrid('endEdit', index_);
//取修改过的行集合
var rows = $('#tt').datagrid('getChanges');
//alert(rows[0].HHUrl); //rows[0].HHUrl 取修改后内容
}
//取消修改
function cancelrow(index) {
$('#tt').datagrid('cancelEdit', index);
}
</script>
<table id="tt"></table>