SmartClient動態新增操作按鈕
阿新 • • 發佈:2018-12-17
場景:後臺查詢的資料為LIST集合,動態生成表格的同時需要動態添給每行新增按鈕。效果圖如下
具體實現程式碼如下:
1.首先我們var一個ListGrid
2. 準備ListCrid對應的dataSource
3.在需求的按鈕點選事件中 ,我們先準備要動態新增的filds,filds1(如果需要請繼續追加即可),然後再event.result.push(filds); event.result.push(field2);(push會在後面進行追加)
sxfxjgcxService.getFields(""+cxForm.getValue("nsrxzscx"),fxjddyid).process({ onResult:function(event){ var filds={ title : "關聯核查", name : "delete", type : "icon", icon : context.resource("icons/16/close.png"),// 按鈕圖片地址 align : "center", cellAlign : "left", canEdit : true, recordClick : function(viewer, record, recordNum, fieldNum, value, rawValue) { } }; var field2={ title : "核查", name : "delete", type : "icon", icon : context.resource("icons/16/close.png"),// 按鈕圖片地址 align : "center", cellAlign : "left", canEdit : true, recordClick : function(viewer, record, recordNum, fieldNum, value, rawValue) { } }; event.result.push(filds); event.result.push(field2); autoList.setFields(event.result); console.log(event.result); autoList.refreshData(); } });
按照以上方法我們就完成了smartClient在表格中動態新增操作按鈕的業務場景!