1 $(function () { 2 var datagrid; //定義全局變量datagrid 3 var editRow = undefined; //定義全局變量：當前編輯的行 4 datagrid = TskupluAddPacket.datagrid({ 5 url: ThinkPHP['MODULE'] + '/Tskuplu/getPacketList', //請求的數據源 6 iconCls: 'icon-save', //圖標 7 pagination: true, //顯示分頁 8 pageSize: 15, //頁大小 9 pageList: [15, 30, 45, 60], //頁大小下拉選項此項各value是pageSize的倍數 10 fit: true, //datagrid自適應寬度 11 fitColumn: false, //列自適應寬度 12 striped: true, //行背景交換 13 nowap: true, //列內容多時自動折至第二行 14 border: false, 15 idField: 'packetid', //主鍵 16 sortName : 'packetid', //排序字段 17 sortOrder : 'desc', //排序方式 18 columns: [[//顯示的列 19 {field: 'packetid', title: 'ID', width: 100, sortable: true, checkbox: true }, 20 { field: 'packunit', title: '包裝單位', width: 100, sortable: true, 21 editor: { type: 'validatebox', options: { required: true} } 22 }, 23 { field: 'packqty', title: '包裝細數', width: 100, 24 editor: { type: 'validatebox', options: { required: true} } 25 }, 26 { field: 'packspec', title: '包裝規格', width: 100, 27 editor: { type: 'validatebox', options: { required: true} } 28 } 29 ]], 30 queryParams: { 31 pluid: $('#addpluid').val() 32 }, //查詢參數 33 toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function () {//添加列表的操作按鈕添加，修改，刪除等 34 //添加時如果沒有正在編輯的行，則在datagrid的第一行插入一行 35 if (editRow == undefined) { 36 datagrid.datagrid("insertRow", { 37 index: 0, // index start with 0 38 row: {} 39 }); 40 //將新插入的那一行開戶編輯狀態 41 datagrid.datagrid("beginEdit", 0); 42 //給當前編輯的行賦值 43 editRow = 0; 44 } 45 46 } 47 }, '-', 48 { text: '刪除', iconCls: 'icon-remove', 49 handler: function () { 50 //刪除時先獲取選擇行 51 var rows = datagrid.datagrid("getSelections"); 52 //選擇要刪除的行 53 if (rows.length > 0) { 54 $.messager.confirm("提示", "你確定要刪除嗎?", function (r) { 55 if (r) { 56 var ids = []; 57 for (var i = 0; i < rows.length; i++) { 58 ids.push(rows[i].packetid); 59 } 60 //將選擇到的行存入數組並用,分隔轉換成字符串， 61 //本例只是前台操作沒有與數據庫進行交互所以此處只是彈出要傳入后台的id 62 //alert(ids.join(',')); 63 $.ajax({ 64 url : ThinkPHP['MODULE'] + '/Tskuplu/deletePacket', 65 type : 'POST', 66 data : { 67 ids : ids.join(',') 68 }, 69 beforeSend : function (){ 70 $.messager.progress({ 71 text : '正在處理中...' 72 }); 73 }, 74 success : function (data){ 75 $.messager.progress('close'); 76 if (data >0){ 77 datagrid.datagrid('reload'); 78 $.messager.show({ 79 title : '操作提醒', 80 msg : data + '條數據被成功刪除！' 81 }) 82 } else if( data == -999 ) { 83 $.messager.alert('刪除失敗', '對不起，您沒有權限！', 'warning'); 84 } else { 85 $.messager.alert('刪除失敗', '沒有刪除任何數據！', 'warning'); 86 } 87 } 88 }); 89 } 90 }); 91 } else { 92 $.messager.alert("提示", "請選擇要刪除的行", "error"); 93 } 94 } 95 }, '-', 96 { text: '修改', iconCls: 'icon-edit', 97 handler: function () { 98 //修改時要獲取選擇到的行 99 var rows = datagrid.datagrid("getSelections"); 100 //如果只選擇了一行則可以進行修改，否則不操作 101 if (rows.length == 1) { 102 //當無編輯行時 103 if (editRow == undefined) { 104 //獲取到當前選擇行的下標 105 var index = datagrid.datagrid("getRowIndex", rows[0]); 106 //開啟編輯 107 datagrid.datagrid("beginEdit", index); 108 //把當前開啟編輯的行賦值給全局變量editRow 109 editRow = index; 110 //當開啟了當前選擇行的編輯狀態之后， 111 //應該取消當前列表的所有選擇行，要不然雙擊之后無法再選擇其他行進行編輯 112 datagrid.datagrid("unselectAll"); 113 } 114 } 115 } 116 }, '-', 117 { text: '保存', iconCls: 'icon-save', 118 handler: function () { 119 //保存時結束當前編輯的行，自動觸發onAfterEdit事件如果要與后台交互可將數據通過Ajax提交后台 120 datagrid.datagrid("endEdit", editRow); 121 editRow = undefined; 122 } 123 }, '-', 124 { text: '取消編輯', iconCls: 'icon-redo', 125 handler: function () { 126 //取消當前編輯行把當前編輯行罷undefined回滾改變的數據,取消選擇的行 127 editRow = undefined; 128 datagrid.datagrid("rejectChanges"); 129 datagrid.datagrid("unselectAll"); 130 } 131 }, '-'], 132 onAfterEdit: function (rowIndex, rowData, changes) { 133 //endEdit該方法觸發此事件 134 //var row = datagrid.datagrid("getData").rows[rowIndex]; //獲取某一行的值 135 var inserted = datagrid.datagrid('getChanges','inserted'); 136 var updated = datagrid.datagrid('getChanges','updated'); 137 if(inserted.length < 1 && updated.length <1){ 138 editRow = undefined; 139 datagrid.datagrid('unselectAll'); 140 return; 141 } 142 var url = ''; 143 if(inserted.length>0){ 144 url=ThinkPHP['MODULE'] + '/Tskuplu/addPacket'; 145 } 146 if(updated.length>0){ 147 url=ThinkPHP['MODULE'] + '/Tskuplu/updatePacket'; 148 } 149 150 $.ajax({ 151 url : url, 152 type : 'POST', 153 data : { 154 'pluid': $('#addpluid').val(), 155 'packetid':rowData.packetid, 156 'packunit':rowData.packunit, 157 'packqty' :rowData.packqty, 158 'packspec':rowData.packspec 159 }, 160 beforeSend : function (){ 161 $.messager.progress({ 162 text : '正在處理中...' 163 }) 164 }, 165 success : function (data){ 166 $.messager.progress('close'); 167 if (data > 0){ 168 datagrid.datagrid("acceptChanges"); 169 $.messager.show({ 170 title : '操作提示', 171 msg : '添加成功' 172 }); 173 editRow = undefined; 174 datagrid.datagrid("reload"); 175 $('#addcheck').val(1); 176 } else if (data == -999) { 177 $.messager.alert('添加失敗', '抱歉！您沒有權限！', 'warning'); 178 } else { 179 datagrid.datagrid("beginEdit",editRow); 180 $.messager.alert('警告操作', '未知錯誤！請重新刷新后提交！', 'warning'); 181 } 182 datagrid.datagrid("unselectAll"); 183 } 184 }); 185 ////////////////// 186 }, 187 onDblClickRow: function (rowIndex, rowData) { 188 //雙擊開啟編輯行 189 if (editRow == undefined) { 190 datagrid.datagrid("beginEdit", rowIndex); 191 editRow = rowIndex; 192 } 193 } 194 }); 195 });