easyui datagrid 表格内改变数据，改变其他单元格数据 (3)

最新推荐文章于 2021-01-14 14:13:05 发布

fivestar2009

最新推荐文章于 2021-01-14 14:13:05 发布

阅读量2.7k

点赞数

分类专栏： html jquery

本文链接：https://blog.csdn.net/fivestar2009/article/details/79530002

版权

html 同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

jquery

8 篇文章 0 订阅

订阅专栏

easyui datagrid 获取数据后，编辑，其实就相当于表格的修改界面

说下遇到的问题

1）表格中有几个combobox ,当其中一个combobox变化的时候，触发另外一个combobox变化

2）combobox的值只能初始化的时候，加载进来，因此当其中一个combobox变化的时候，触发另外一个combobox变化，第二个combobox的初始值，有问题，只能全部加载进来

3）当编辑的时候遇到第一个combobox的值不显示了，就是不编辑有数据，一旦编辑触发没有数据，很是郁闷，就是editorJbfl.target.combobox这个造成的，没办法通过

var comboboxJbfl = $('#demowells').datagrid('getEditor', {index:rowIndex,field:'jbdm'});

$(comboboxJbfl.target).combobox('setValue',rowData.jbdm);设置了值，

不知道为什么要使用$(comboboxJbfl.target)，原因是通过console.log()是能看到下一步是target

4)这两个问题弄了一个下午

onBeginEdit : function(rowIndex, rowData){
           var rowdata = $("#demowells").datagrid("getEditors",rowIndex);
           var comboboxJbfl = $('#demowells').datagrid('getEditor', {index:rowIndex,field:'jbdm'});

           var editorJbfl = rowdata[2];
           var editorOther = rowdata[3];
           var editorwell = rowdata[4];
           editorJbfl.target.combobox({
               onSelect:function(obj){
                   editorOther.target.textbox('setValue',obj.jbdm);
//                   editorwell.target.combobox('reload',"/wzdemo/findWellByJb/"+obj.jbdm);//use POST ,not use,这个是datagrid 没有写method:GET
                   getWellsByJb(obj.jbdm);
                   editorwell.target.combobox({
                        valueField:'wellId',
                       textField:'jm',
                       data:wells,
                       required:true
                   });
               }
           });
           $(comboboxJbfl.target).combobox('setValue',rowData.jbdm);

}

全部代码

}

转个博客 http://blog.csdn.net/donggua3694857/article/details/51433882,下面是他的内容

最近有个需求就是当你打开datagrid的编辑状态时，要根据行数据的不同对应的combobox的下拉选项也不同。同时为了美观，打开编辑状态的时候combobox为我默认选择数据。我的实现思路是，原有的editor的data不动，重写onBeginEdit方法，在里面获取到要修改的editor，判断rowData的值，当需要修改时再进行操作。废话不多说，具体代码贴上：

onBeginEdit：function(index, rowData){
            //统计方法下拉框
            var smEditor = $('#FoTable').datagrid('getEditor', {
                      index : index,
                       field : 'statisticMethod'
            });
            $(smEditor.target).combobox({
                onLoadSuccess: function () {
                     $(smEditor.target).combobox('setValue', rowData.statisticMethod);
                },
                onShowPanel: function(){   //下拉展开时动态修改options
                    //datatype处理统计方法
                    if(rowData.dataType == 'string' || rowData.dataType == 'date'){
                        var data = [];
                        data.push({'key':'','value':'请选择'},
                                {'key':'count','value':'计数'},
                                {'key':'min','value':'最小'},
                                {'key':'max','value':'最大'},
                                {'key':'mode','value':'众数'});
                        $(smEditor.target).combobox("loadData", data);
                    }
                    //设置值
                    $(smEditor.target).combobox('setValue', rowData.statisticMethod);
                }
            });
            //分组排序下拉框
            var goEditor = $('#FoTable').datagrid('getEditor', {
                      index : index,
                       field : 'groupOrder'
            });
            $(goEditor.target).combobox({
                onLoadSuccess: function () {
                     $(goEditor.target).combobox('setValue', rowData.groupOrder);
                },
                onShowPanel: function(){   //下拉展开时动态修改options
                    //datatype处理统计方法
                    if(rowData.groupOrder == 0){
                        var data = [];
                        data.push({'key':'0','value':'无'},
                                {'key':'1','value':'升序'},
                                {'key':'-1','value':'降序'});
                        $(goEditor.target).combobox("loadData", data);
                    }
                    //设置值
                    $(goEditor.target).combobox('setValue', rowData.groupOrder);
                }
            });
        }