EasyUi – DataGrid可编辑table

EasyUi – DataGrid可编辑tablefield: ‘field1’, title: ‘字段1’, width: ‘550px’,ed

大家好,欢迎来到IT知识分享网。

$('#dg').datagrid({ url: '${request.contextPath}/xxxxxx', rownumbers: true, singleSelect: true, striped: true, loadMsg: "数据加载中请稍候", columns: [[ { field: 'field1', title: '字段1', width: '550px', editor: { type: 'textbox', options: { valueField: 'problem', required: true, validType: 'length[1,150]' } } }, { field: 'field2', title: '字段2', width: '550px', editor: { type: 'textbox', options: { valueField: 'progress', required: true, validType: 'length[1,150]' } } }, { field: 'id', title: '操作', width: '45px', formatter: function (value, row, index) { var btn = "<a href='javascript:void(0);' onclick='del(" + index + ")'>删除</a>"; return btn; } } ]], onClickRow: onClickRow }); var editIndex = undefined; function endEditing() { if (editIndex == undefined) { return true } if ($('#dg').datagrid('validateRow', editIndex)) { $('#dg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } function onClickRow(index) { if (editIndex != index) { if (endEditing()) { $('#dg').datagrid('selectRow', index) .datagrid('beginEdit', index); editIndex = index; } else { $('#dg').datagrid('selectRow', editIndex); } } }

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/53915.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信