zoukankan      html  css  js  c++  java
  • extjs4.1 grid嵌入combobox,选中后显示displayField而不是valueField

    View Code
    var isEdit = false;//这变量和后面的方法写在ext.onready里面
    
        cbstore = createStore();
        function rendererData(value, metadata, record) {
            if (isEdit) {
                var index = cbstore.find(Ext.getCmp('cengm').valueField, value);
                var record = cbstore.getAt(index);
                return record.data.name;
            } else {
                return value;
            }
    
        }
    
    function createStore() {
        // The data store holding the states; shared by each of the ComboBox examples below
        return Ext.create('Ext.data.Store', {
            autoDestroy: true,
            model: 'State',
            data: states
        });
    }
    
    {
                        header: '层面',
                         70,
                        sortable: true,
                        dataIndex: 'cengm',
                        field: {
                            xtype: 'combobox',
                            id: 'cengm',
                            typeAhead: true,
                            triggerAction: 'all',
                            queryMode: 'local',
                            selectOnTab: true,
                            lazyRender: true,
                            displayField: 'name',
                            valueField: 'id',
                            store: createStore(),
                            listeners: {
                                select: function (combo, record, index) {
                                    isEdit = true;
                                }//选中后事件,其他事件没试验成功
                            }
                            //value: '01'
                            //editable: false
                        },
                        renderer: rendererData
                    }
  • 相关阅读:
    最终作业
    第十二次作业
    Beta 冲刺(7/7)
    Beta 冲刺(6/7)
    Beta 冲刺(5/7)
    Beta 冲刺(4/7)
    Beta 冲刺(3/7)
    Beta 冲刺(2/7)
    Beta 冲刺(1/7)
    福大软工 · 第十次作业
  • 原文地址:https://www.cnblogs.com/shadowtale/p/2729241.html
Copyright © 2011-2022 走看看