此时心中毫无波澜,只觉得好饿
废话不多说,先看效果图:
代码:
<th field="departmentId" width="150px" sortable="true" editor="{type:'combogrid',options:{panelWidth:450, pagination: 'true',
idField:'departmentId',textField:'departmentId',url:'../base/departmentList.do',columns:[[{field:'departmentId',title:'部门Id',width:60},
{field:'departmentName',title:'部门名称',width:100}]],pageList:[10,15,50,100],onSelect:function(index,row){
var i = $('.datagrid-row-editing').attr('datagrid-row-index');
var td=$('.datagrid-body td[field=\'departmentName\']')[i];
var div = $(td).find('div')[0];
$(div).text(row.departmentName);
}}}">部门Id</th>
<th field="departmentName" width="150px" sortable="true" editor="{type:'textbox',options:{disabled:true}}">部门名称</th>
关键代码就在onselect里面,其实还是通过jquery定位然后赋值,只不过easyui datagrid会覆盖你自定义的id和class等定位元素,所以麻烦一点。获取当前编辑行的索引i,给当前索引的区域赋值,index是你以前的元素值,row是你选择的对象值。