此代码针对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);
}
});
}
结束