jeecg之多行编辑,点击combobox,动态给dgCol赋值

此代码针对JEECG框架来使用。
话不多说,上代码:

<t:datagrid name="trainingParticipationList" title="列表" actionUrl="" idField="id" sortOrder="asc" sortName="trainingTheme" checkbox="true" queryMode="group" pageSize="20" fit="true" fitColumns="true">
  <t:dgCol title="选我" field="sceneId" dictionary="表名,主键ID,要在此显示的字段值" extendParams="editor:{type:'combobox',options:{url:'trainSupermarketController.do?selSceneName&trainingInfoId=${trainingInfoId}',valueField:'sceneId',required:true,textField:'sceneName'}}" width="100"></t:dgCol>
   <t:dgCol title="赋值1" field="trainingAddressId" hidden="true" extendParams="editor:'text'" query="false" width="10"></t:dgCol>
   <t:dgToolBar title="编辑" icon="icon-edit" funname="editRow"></t:dgToolBar>
   <t:dgToolBar  title="保存" icon="icon-save" url="trainSupermarketController.do?saveRows" funname="saveData"></t:dgToolBar>
   <t:dgToolBar title="取消编辑" icon="icon-undo" funname="reject"></t:dgToolBar>
   <t:dgToolBar title="移除" icon="icon-remove" url="trainSupermarketController.do?selRemove" funname="selRemove"></t:dgToolBar>
  </t:datagrid>

以上为列表展示,列表注意:要赋值的地方设定 extendParams="editor:‘text’"

编辑行,代码如下:

//编辑行
function editRow(title,addurl,gname){
	var rows=$('#'+gname).datagrid("getChecked");
	if(rows.length==0){
		tip("请选择条目");
		return false;
	}
	for(var i=0;i<rows.length;i++){
		var index= $('#'+gname).datagrid('getRowIndex', rows[i]);
		$('#'+gname).datagrid('beginEdit', index);
		//设定联动变更控件的ID
		// 赋值1
		var cellEdit = $('#'+gname).datagrid('getEditor', {index:index,field:'trainingAddressValue'});
		var $input = cellEdit.target; // 得到文本框对象
		$input.attr("id","trainingAddressValue_"+index);
		$input.attr('readonly','readonly');
		//设定sceneId的ID值
		var cellEdit = $('#'+gname).datagrid('getEditor', {index:index,field:'sceneId'});
		var $input = cellEdit.target; // 得到文本框对象
		$input.attr("id","status_"+index);
		var v= $(cellEdit.target).combobox('getValue');
		//alert(JSON.stringify($input));
		//设定状态列编辑框的change事件
		$(cellEdit.target).combobox({
        	onChange: function (n, o) {
            	statusChange(this,n); 
				//statusChange(n);
            }
		});
	**// 此处要注意**
	// 因为设定事件之后会导致宽度不一致,再次设定宽度
	

$(cellEdit.target).combobox({ width: $(window).width()/4.53});
		// 给列设定值
		$(cellEdit.target).combobox('setValue', v);
	}
}

//编辑框编辑时触发的事件

function statusChange(obj,sceneId)
{
	// 点击场次获取到当前行
	var indexSplit=$(obj).attr("id").split('_');
	var index = indexSplit[1];
	clickiOrgCode(sceneId,index);
}

// 根据场次ID 给相对应行的培训地点/培训开始时间/培训结束时间 赋值

function clickiOrgCode(sceneId,index){
	 $.ajax({
	 // 查询数据 返回json串
		url:"*",
		type:"post",
		data:{
			sceneId : sceneId
		},
		dataType:"json",
		success:function(data){
			var rows = $('#trainingParticipationList').datagrid('getRows');
 		    //alert("index:"+index)
			//console.log(rows[index])
			//alert("rows[index]:"+rows[index])
			 $("#trainingAddressValue_"+index).val(data[0].trainingAddressValue);
		}
	});
}

结束

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值