easyui datagrid一般创建模板
生活随笔
收集整理的這篇文章主要介紹了
easyui datagrid一般创建模板
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
$(function () {var datagrid;var editRow = undefined;datagrid = $("#parameter").datagrid({columns: [[{ field: 'Key', title: '字段名',halign:'center',width:'50%',editor: { type: 'textbox', options: { required: false} }},{ field: 'Value', title: '值',halign:'center',width:'50%',editor: { type: 'textbox', options: { required: false} }}]],toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function () {if (editRow != undefined) {datagrid.datagrid("endEdit", editRow);}if (editRow == undefined) {datagrid.datagrid("insertRow", {index: 0,row: {}});datagrid.datagrid("beginEdit", 0);editRow = 0;editRowNode=0;}}},{ text: '刪除', iconCls: 'icon-cancel', handler: function () {var rows = datagrid.datagrid("getSelections");if (rows.length > 0) {$.messager.confirm("提示", "你確定要刪除嗎?", function (r) {if (r) {var i=datagrid.datagrid('getRowIndex', datagrid.datagrid('getSelected'));datagrid.datagrid('deleteRow',i);editRow=undefined;editRowNode = undefined;}});}else {if(editRow!=undefined){datagrid.datagrid('deleteRow',editRow);editRow=undefined;editRowNode = undefined;}else{$.messager.alert("提示", "請選擇要刪除的行", "error");}}}}],onAfterEdit: function (rowIndex, rowData, changes) {editRow = undefined;editRowNode = undefined;},onDblClickRow: function (rowIndex, rowData) {datagrid.datagrid("endEdit", editRow);datagrid.datagrid("beginEdit", rowIndex);editRow = rowIndex;editRowNode = rowIndex;}});dgInitial('parameter','','d');
});
總結
以上是生活随笔為你收集整理的easyui datagrid一般创建模板的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 禅道下载mysql_本地已有mysql
- 下一篇： java实现删除本地文件夹