<script type="text/javascript" language="javascript"> $(function () { binddata(); }); function getparam() { var paramobj = {}; paramobj.xx = $("#xx").combobox('getValue'); return paramobj; } function binddata() { var paramobj = getparam(); $("#dg").datagrid({ 'auto', height: 'auto', autoRowHeight: false, url: "xxlist", queryParams: paramobj, columns: [[ { field: 'ck', title: '', 100, checkbox: true }, { field: 'bh', title: '编号', 80, editor: { type: 'textbox', options: { required: true}} }, { field: 'mc', title: '名称', 90, editor: { type: 'textbox', options: { disabled: true}} }, { field: 'xx', title: '级级', 50, editor: { type: 'textbox', options: { disabled: true}} }, { field: 'dm', title: '代码', 80, editor: { type: 'combobox'} }, { field: 'action', title: '操作', 130, align: 'center', formatter: function (value, row, index) { var a = ""; if (row.flag == "add") { a = "<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small l-btn-plain" data-options="iconCls:'icon-add',plain:true" onclick="saveinfo()"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">添加</span><span class="l-btn-icon icon-add"> </span></span></a>"; a += "<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small l-btn-plain" data-options="iconCls:'icon-undo',plain:true" onclick="removeRow()"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">撤销</span><span class="l-btn-icon icon-undo"> </span></span></a>" } else if (row.flag == "edit") { a = "<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small l-btn-plain" data-options="iconCls:'icon-save',plain:true" onclick="editsave()"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">保存</span><span class="l-btn-icon icon-save"> </span></span></a>"; a += "<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small l-btn-plain" data-options="iconCls:'icon-undo',plain:true" onclick="cancelRow()"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">撤销</span><span class="l-btn-icon icon-undo"> </span></span></a>" } else { a = "<a href="javascript:void(0)" class="easyui-linkbutton l-btn l-btn-small l-btn-plain" data-options="iconCls:'icon-edit',plain:true" onclick="editRow('" + index + "')"><span class="l-btn-left l-btn-icon-left"><span class="l-btn-text">编辑</span><span class="l-btn-icon icon-edit"> </span></span></a>"; } return a; } } ]], pageSize: 10, pageList: [10, 20, 30, 50], fitColumns: true, striped: true, pagination: true, //分页控件 rownumbers: true, //行号 toolbar: "#menue", selectOnCheck:false, onBeforeSelect: function () { return false; }, onBeforeEdit: function (index, row) { if (row.flag != "add") { row.flag = "edit"; } $('#dg').datagrid('refreshRow', index); }, onBeginEdit: function (index, row) { var editrow = $("#dg").datagrid('getEditors', index); editrow[0].target.textbox({ onChange: function (newvalue, oldvalue) { onChangeAction(newvalue, editrow); } }); if (row.flag != "add") { var editrow = $("#dg").datagrid('getEditors', index); $.post('getdm', function (data) { editrow[3].target.combobox({ disabled: true, data: data, valueField: 'dm', textField: 'mc', value: row.dm }); }, 'json') editrow[0].target.textbox({ disabled: true }); } else { $.post('getDrop', function (data) { editrow[3].target.combobox({ data: data, valueField: 'dm', textField: 'mc', value: row.dm }); }, 'json') } }, onAfterEdit: function (index, row) { row.flag = undefined; $('#dg').datagrid('refreshRow', index); }, onCancelEdit: function (index, row) { row.flag = undefined; $('#dg').datagrid('refreshRow', index); }, onClickCell: function (index, field, value) { var row = $("#dg").datagrid('getRows')[index]; if (field == "action") { row.field = "action"; $("#dg").datagrid("unselectRow", index); $("#dg").datagrid("uncheckRow", index); } else { row.field = undefined; } }, onClickRow: function (index, row) { if (row.field == "action") { $("#dg").datagrid("unselectRow", index); $("#dg").datagrid("uncheckRow", index); } } }) editindex = undefined; } function onChangeAction(xh,editrow) { var row = editrow; var pcdm = row[3].actions.getValue(row[3].target); $.post("getAnddm", { bh: bh, dm: dm }, function (data) { row[2].actions.setValue(row[2].target, data.tm); row[3].actions.setValue(row[3].target, data.fx); }, "json"); } function reload() { var paramobj = getparam(); $("#dg").datagrid('reload', paramobj); } var editindex = undefined; function removeRow() { if (editindex != undefined) { $("#dg").datagrid("deleteRow", editindex); editindex = undefined; } } function editRow(id) { if (editindex == undefined) { editindex = parseInt(id); $("#dg").datagrid("beginEdit", editindex); } } function cancelRow() { if (editindex != undefined) { $("#dg").datagrid("cancelEdit", editindex); editindex = undefined; } } function appendRow() { if (editindex == undefined) { var newrowindex = 0; $("#dg").datagrid("insertRow", { index: 0, row: { flag: 'add'} }); editindex = newrowindex; $("#dg").datagrid("beginEdit", editindex); } } function editsave() { var editRow = $("#dg").datagrid('getEditors', editindex); var paramobj = new Object(); var row = $("#dg").datagrid('getRows', editindex); paramobj.id = row[editindex].id; paramobj.bh = editRow[0].actions.getValue(editRow[0].target); paramobj.mc = editRow[1].actions.getValue(editRow[1].target); paramobj.xx = editRow[2].actions.getValue(editRow[2].target); paramobj.dm = editRow[3].actions.getValue(editRow[3].target); $.post("xxUpdate", paramobj, function (data) { if (data.flag == "1") { reload(); editindex = undefined; } else { $.messager.alert("提示",data.msg,"error"); } }, "json") } function deleteRows() { var rows = $("#dg").datagrid("getChecked"); if (rows.length == 0) { $.messager.alert("提示", "请选择要删除！", "info"); return; } $.messager.confirm("确认", "确定要删除？", function (isok) { if (isok) { var md = []; $.each(rows, function (index, row) { md.push(row.id); }) var ids = md.join(','); $.ajax({ url: "deletemd", type: "post", data: { ids: ids }, dataType: 'json', success: function (data) { if (data.flag == "1") { reload(); } else { $.messager.alert("提示", data.msg); } } }) } }) } function saveinfo() { var paramobj = new Object(); var editRow = $("#dg").datagrid("getEditors", editindex); paramobj.bh = editRow[0].actions.getValue(editRow[0].target); paramobj.mc = editRow[1].actions.getValue(editRow[1].target); paramobj.xx = editRow[2].actions.getValue(editRow[2].target); paramobj.dm = editRow[3].actions.getValue(editRow[3].target); $.post("saveinfo", paramobj, function (data) { if (data.flag == "1") { editindex = undefined; reload(); } else { $.messager.alert("提示", data.msg, "error"); } }, "json"); } </script> <div class="tools-row"> <div style="margin-top:5px;"> <span style="margin-left:5px"> 级级:<input class="easyui-combobox" id="xx" data-options="url:'getxx',valueField:'xxvlaue',textField:'xxtext',80"/> </span> </div> </div> <div class="tools-row" style=" position:relative"> <form id="uploadfile" style="margin:0px"> <span style="position:absolute; right:20px"> <button id="btnadd" type="button" class="but-primary" onclick="appendRow()"> 新增</button> <button id="btndel" type="button" class="but-primary" onclick="deleteRows()"> 删除</button> </span> </form> </div> <table id="dg"> </table>