EasyUI-datagrid中使用combobox设置默认值解决

最新推荐文章于 2024-08-14 08:41:12 发布

起啥名都已存在

最新推荐文章于 2024-08-14 08:41:12 发布

阅读量8.8k

点赞数 2

分类专栏： EasyUI 文章标签： EasyUi datagrid combobox

本文链接：https://blog.csdn.net/q79030/article/details/84141046

版权

EasyUI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

单独使用combobox，设置默认值看官方文档即可。

情景描述：

JS中初始化datagrid，列中包含combobox，并为combobox设置默认值。

代码：只贴部分代码。

$("#id").datagrid..............
{ field: "XXX", title: "XXX", width: "10%",align: "center",editor:{
                type:'combobox',
                options:{
                    data:[{id:"1",text:"X1"},{id:"0",text:"X2"}],
                    valueField:"id",
                    panelHeight:"auto",
                    height:30,
                    textField:"text",
                    editable: false,
                    required:true,
                    disabled: disabled
                }
            }},

网上给出的办法1（失败）：

修改data

data:[{id:"1",text:"X1"},{id:"0",text:"X2"，selected:true}]

网上给出的方法2（失败）：

{
               field: 'NMK06', title: '性别', width: 100, align: 'center',
               editor: {
                   type: 'combobox', options: {
                       valueField: "value", textField: "text",
                       data: [{ value: '请选择', text: '请选择'},{ value: '男', text: '男' },{ value: '女', text: '女' }],
                       onLoadSuccess: function () {
                          // $(this).combobox('setValue', '0');
                          // $(this).combobox('setText', '--请选择--');
                       },

                       panelHeight: '60'
                   }
               }, sortable: true
           },

这里没有贴我的代码，意思类似，就是在options中增加了onLoadSuccess方法，然后使用$(this).combobox('setValue','0');

有人说用了可以，但我用了不太行。

我自己的解决方案：

不在options中处理，而在datagrid加载之后，为其赋值，也就是在datagrid的onLoadSuccess方法中。代码：

onLoadSuccess:function (data){
            var rows = $(this).datagrid("getRows");
            for(var index=0;index<rows.length;index++){
                $(this).datagrid("beginEdit", index);
                if($(this).datagrid("getEditor",{index:index,field:"subcontractingZb"}).target.combobox('getValue') == ''){
                    $(this).datagrid("getEditor",{index:index,field:"subcontractingZb"}).target.combobox('setValue', "0");
                }
                
        },
},

代码中的if条件是因为，有时候后台传过来值，就不需要再设置默认值了。