easyui combobox 在datagrid中动态加载数据
2017-08-18 13:31
489 查看
场景:datagrid 中用编辑框修改数据,有一个列使用的combobox 在可编辑的时候需要动态绑定数据,这个数据是在根据其他条件可变的
思路:在每次开启编辑框的时候动态绑定数据,
datagrid开启
onClickCell: onClickCell//点击触发
onAfterEdit:onAfterEdit//编辑完单元格之后触发的事件
思路:在每次开启编辑框的时候动态绑定数据,
datagrid开启
onClickCell: onClickCell//点击触发
onAfterEdit:onAfterEdit//编辑完单元格之后触发的事件
$.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields')); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null; } } $(this).datagrid('beginEdit', param.index); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor = col.editor1; } }); } }); var editIndex = undefined; //判断是否编辑结束 function endEditing() { if (editIndex == undefined) { return true } if ($('#subDg').datagrid('validateRow', editIndex)) { $('#subDg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } //点击单元格触发的事件 function onClickCell(index, field) { if (endEditing()) { $('#subDg').datagrid('selectRow', index) .datagrid('editCell', { index: index, field: field }); editIndex = index; } var taskLevelsData =$("#taskLevels").val(); if(field=="taskLevel" && taskLevelsData){//下拉编辑列时触发 var editors = $('#subDg').datagrid('getEditors', index);//取当前的编辑器 var row = $('#subDg').datagrid('getRows')[index]; var smEditor = editors[0]; $(smEditor.target).combobox({ onLoadSuccess: function () { }, onShowPanel: function(){ //下拉展开时动态修改options //debugger var data = []; $.each(taskLevelsData.split(","),function(i,e){ var obj={}; obj.id=e; obj.text=e; data.push(obj); }) $(smEditor.target).combobox("loadData", data); //设置值 $(smEditor.target).combobox('setValue', row.taskLevel); //row的属性赋值 } }); } } //编辑完单元格之后触发的事件 function onAfterEdit(index, row, changes) { var d = {}; d.id= row.id; //编辑内容进行修改数据 if(row.hasOwnProperty('bidRequire')){ d.bidRequire=row.bidRequire; }if(row.hasOwnProperty('meaRequire')){ d.meaRequire=row.meaRequire; }if(row.hasOwnProperty('requireDate')){ d.requireDate=row.requireDate.split(' ')[0] ; }if(row.hasOwnProperty('quaRequire')){ d.quaRequire=row.quaRequire; }if(row.hasOwnProperty('taskLevel')){ d.taskLevel=row.taskLevel; } //console.log(d); //console.log(changes); if(JSON.stringify(changes) != "{}"){ //console.log("tijiao") $.post('${pmsmanager}/pms/mtrl_plan/mtrl_plan_detail/update.do?sessionId=${(sessionId)!""}',d,function(data){ }) } }
相关文章推荐
- 【easyui】combotree类似combobox模糊查询功能,动态加载数据
- easyui datagrid combobox 加载固定数据
- easyUI的combobox动态加载数据
- easyui datagrid动态修改editor时动态绑定combobox的数据
- easyui-combobox动态加载数据
- EasyUI datagrid动态加载json数据
- easyui combobox 动态加载数组数据
- Easyui-Datagrid实例-----动态加载数据生成Datagrid
- EasyUI datagrid 改变url属性 实现动态加载数据
- 【项目实战】---为EasyUI DataGrid的某一动态加载数据列添加超链接,点击超链接触发Onclick方法
- asp.net 中使用EasyUI Datagrid 加载动态数据分页查询
- EasyUI datagrid动态加载json数据
- easyui combobox 动态加载数据并回显选中 ,设置宽度和高度自动适应
- PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)
- easyui combobox动态加载数据和设置默认值
- EasyUI datagrid 动态加载表格数据的方式
- EasyUI DataGrid动态加载数据
- EasyUI_datagrid实现动态加载列并为其绑定数据
- easyui-datagrid---动态创建表头和加载数据
- Easyui datagrid加载本地Json数据