| | |
| | | <div class="layui-btn-container"> |
| | | |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-AddLine"><i class="layui-icon layui-icon-form"></i>å¢å ä¸è¡</button> |
| | | |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-CopyLine"><i class="layui-icon layui-icon-form"></i>å¤å¶ä¸è¡</button> |
| | | |
| | | </div> |
| | | </script> |
| | | <script type="text/html" id="xuhao"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <script type="text/html" id="barDemo"> |
| | | <!--<a class="layui-btn layui-btn-xs" lay-event="edit">ç¼è¾</a>--> |
| | | <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a> |
| | | </script> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | |
| | | //,url: '/demo/table/user/' //æ°æ®æ¥å£ |
| | | , page: true //å¼å¯å页 |
| | | , cols: [[ //表头 |
| | | { templet: '#xuhao', title: 'åºå·', sort: true, fixed: 'left',event:"qwe" } |
| | | {type:'checkbox', fixed: 'left'} |
| | | ,{ templet: '#xuhao', title: 'åºå·', sort: true, fixed: 'left',event:"qwe" } |
| | | , { field: 'HWasterReasonName', title: 'ä¸è¯åå ', event: "ReasonNameEvent" } |
| | | , { field: 'HBadReasonID', title: 'ä¸è¯åå id' } |
| | | , { field: 'HEmpName', title: '责任人', edit: 'text', event: "EmpNameEvent" } |
| | |
| | | , { field: 'HRemark', title: '夿³¨', edit: 'text', event: "RemarkEvent" } |
| | | , { field: 'HPSProcName', title: 'ä¸è¯ç¡®è®¤äºº', event: "PSProcNameEvent" } |
| | | , { field: 'HCloseMan', title: 'å¤å®ç»æ', edit: 'text', event: "CloseManEvent" } |
| | | ,{fixed: 'right', title:'æä½', toolbar: '#barDemo', width:150} |
| | | ]] |
| | | , limit: 500 //æ¯é¡µé»è®¤æ¾ç¤ºçæ°é |
| | | }; |
| | |
| | | var rowid = 0; |
| | | var rows = 0; |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | var checkStatus = table.checkStatus(obj.config.id); |
| | | var checkStatus = table.checkStatus('mainTable') |
| | | ,data = checkStatus.data;; |
| | | var AddRow = table.cache['mainTable']; |
| | | |
| | | var NewRow={ "HWasterReasonName": " ","HBadReasonID":0,"HEmpName": " ", "HSQProcName": " ","HProcID":0, "HZRProcName": " ", "HMRBChecker": " ", "HRemark": " ", "HPSProcName": " ", "HCloseMan": " " }; |
| | | switch (obj.event) { |
| | | case 'btn-AddLine': |
| | | |
| | | table.cache["mainTable"].push(AddRow[rows]); |
| | | //table.cache["mainTable"].push(AddRow[rows]); |
| | | table.cache["mainTable"].push(NewRow); |
| | | option.data = table.cache["mainTable"]; |
| | | table.render(option); |
| | | console.log("æ°å¢ä¸è¡" + AddRow + "åºå·" + rows); |
| | | rows++; |
| | | layer.msg('å¢å ä¸è¡æé®ï¼') |
| | | |
| | | |
| | | break; |
| | | case 'btn-CopyLine': |
| | | var copydata = JSON.stringify(data); |
| | | if (data.length <= 0) { |
| | | layer.alert("è¯·éæ©éè¦å¤å¶çä¸è¡ï¼"); |
| | | } |
| | | else if (data.length>1) { |
| | | layer.alert("åªè½éæ©å¤å¶ä¸è¡ï¼"); |
| | | } |
| | | else { |
| | | var copydata2 = copydata.substring(1, copydata.length);//å»é¤é¦è¡å符'[' |
| | | var copyrow =copydata2.substring(0, copydata2.length - 1);//å»é¤æ«å°¾å符']' |
| | | table.cache["mainTable"].push(JSON.parse(copyrow));//å°å¤å¶çè¡å¼ºè½¬æjson追å å°è¡¨æ ¼ä¸ |
| | | option.data = table.cache["mainTable"];//å°æ°æ®ç»å®å°dataä¸ |
| | | table.render(option);//å°æ°æ®æ¸²æå°è¡¨æ ¼ä¸ |
| | | //layer.alert(copyrow); |
| | | } |
| | | break; |
| | | } |
| | | }); |
| | |
| | | table.on('tool(mainTable)', function (obj) { |
| | | var data = obj.data; |
| | | var rowIndex = $(obj.tr).attr("data-index"); |
| | | |
| | | if (obj.event==='del') { |
| | | layer.confirm('ççå é¤è¡ä¹', function (index) { |
| | | console.log("ç´¢å¼ä¸º:" + rowIndex); |
| | | if (rowIndex ==='0') { |
| | | layer.msg('é¦è¡æ æ³å é¤ï¼ï¼ï¼'); |
| | | } else { |
| | | obj.del(); |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | } |
| | | if (obj.event === 'ReasonNameEvent') { |
| | | var _obj = obj; |
| | | switch (rowIndex) { |