Extjs 的setEditor()和getEditor()方法

getEditor()的api
这里写图片描述
这里主要是针对grid的编辑时候不同格式进行设置。例如在一列中,前几行需要是combobox后几行需要的是textfield,这时就需要用到上面的方法。

                xtype: 'gridbase',
                store: _store,
                id: 'grid',
                autoScroll: true,
                plugins: [
                    {
                        ptype: 'cellediting',
                        clicksToEdit: 1,
                        id: "gaswindowe ditor"
                    }
                ],
                pagingtoolbar: false,
                isLineFeed: true,
                columns: {
                    defaults: {
                        align: 'center',
                        sortable: false,
                        menuDisabled: true,
                        tdCls: 'myCss',
                        defaults: {
                            sortable: false,
                            menuDisabled: true,
                            align: 'center',
                            //默认设置成textfield格式
                            editor: {
                                xtype: 'textfield',
                            }
                        }
                    },
                    items: _gridHeadData,//动态获取表头
                },
                listeners: {
                //监听函数,在点击之前进行监听
                    beforeedit: function (editor, e, eOpts) {
                    //进行条件判断,符合条件则设置称combobox
                        if (e.rowIdx < 13 && e.colIdx === 22 && e.field === "COST_TYPE") {
                            var genderStore = Ext.create("Ext.data.Store", {
                                fields: ["Name", "Value"],
                                data: [
                                    {Name: 1, Value: 1},
                                    {Name: 0, Value: 0}
                                ]
                            });
                            e.column.setEditor({
                                xtype: 'combobox',
                                displayField: 'Name',
                                valueField: 'Value',
                                editable: false,
                                store: genderStore
                            });
                        }else{
                        //不符合条件的设置称textfield
                            e.column.setEditor({
                                xtype: 'textfield',
                            })
                        }
                    }
                }
            }

效果如下图这里写图片描述
这个是下拉框的格式
这里写图片描述
这个是textfield的格式,都是同一列,由于条件不同输入方式不同

这个是另一种方法,动态获取combobox的store然后进行设置
这里写图片描述
这里写图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值