extjs树形下拉框

Ext.ux.TreeCombo的方式

 

Ext.ux.TreeCombo = Ext.extend(Ext.form.ComboBox, {
    constructor: function (cfg) {
        cfg = cfg || {};
        Ext.ux.TreeCombo.superclass.constructor.call(this, Ext.apply({
            maxHeight: 300,
            editable: false,
            mode: 'local',
            triggerAction: 'all',
            rootVisible: false,
            selectMode: 'all'
        }, cfg));
    },
    store: new Ext.data.SimpleStore({
        fields: [],
        data: [[]]
    }),
    // 重写onViewClick，使展开树结点是不关闭下拉框 
    onViewClick: function (doFocus) {
        var index = this.view.getSelectedIndexes()[0], s = this.store, r = s.getAt(index);
        if (r) {
            this.onSelect(r, index);
        }
        if (doFocus !== false) {
            this.el.focus();
        }
    },
    tree: null,
    // 隐藏值 
    hiddenValue: null,
    getHiddenVal