ligerUI实现grid同一列根据不同的值编辑时呈现不同类型的编辑器

遇到一个恶心的需求是ligerGrid点击列的时候根据另外一个列的值变成不同的输入框

有可能是文本框,也有可能是下拉框


function loadDataGridCopy(){
		//初始化dataGrid
		if (!dataGridCopy) {
			dataGridCopy = $(".org-data").zoeGrid({
	            columns: [                   
	                      { display: '参数名', name: 'parameterName',width:"20%"}, 
						  { display: '参数中文名', name: 'parameterChiName',width:"20%"},
						  { display: '参数值', name: 'parameterValue',width:"20%"},
						  { display: '分发类型', name: 'allotTypeName',width:"20%"},
						  { display:'123',name:'allotType',hide:'hidden',width:0},
						  { display: '分发代码', name: 'allotCode',width:"20%",
							    editor: { type:"text"}
						  }
				 ],
			height: 528,        //初如化设置表格高
			headerRowHeight:36,
			rownumbers:false,
			frozenRownumbers:true,
			checkbox:false,
			usePager:false,
			enabledEdit:true,
			onBeforeEdit:beforeEdit,
			onBeforeShowData:beforeShow
	        });
		}
		else{
			dataGridCopy.reload();
		}
	}

/**
	 * 编辑前重新渲染
	 */
	function beforeEdit(rowData){
		if(rowData.record.allotType == 5 || rowData.record.allotType == 7){
			//科室,员工下拉选择
			rowData.column.editor.type = "select";
			rowData.column.editor.valueField = 'id';
			rowData.column.editor.textField = 'text';
			rowData.column.editor.ext = createAllotCodeData
		}else if(rowData.record.allotType == 9){
			//固定电脑 输入
			rowData.column.editor.type = "text";
			rowData.column.editor.valueField = null;
			rowData.column.editor.textField = null;
		}else{
			//其他不进行编辑
			return false;
		}
	}

实现的效果如下  如果分发类型是科室 则点击分发代码的时候是下拉框 如果分发类型是其他标示,则显示的是文本框

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

white......

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值