SmartClient动态添加操作按钮

淩亂°似流年 2022-05-04 14:28 264阅读 0赞

场景：后台查询的数据为LIST集合，动态生成表格的同时需要动态添给每行添加按钮。效果图如下

![70][]

具体实现代码如下：

1.首先我们var一个ListGrid

![70 1][]

2. 准备ListCrid对应的dataSource

![70 2][]

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在表格中动态添加操作按钮的业务场景！

[70]: /images/20220504/8d44ef1edcbc4980b813e8b066aea956.png
[70 1]: /images/20220504/c59f3ea28d514409945ff1e6e15bc778.png
[70 2]: /images/20220504/3b41034ff4b448dd824a9ad7c4f296be.png