1. 程式人生 > >SmartClient動態新增操作按鈕

SmartClient動態新增操作按鈕

場景:後臺查詢的資料為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在表格中動態新增操作按鈕的業務場景!