extjs 6 下拉树TreePicker的使用方法

extjs | 2019-09-13 10:02:39
//加载treepicker文件,这个在extjs包里面都有
Ext.require(['extjs.packages.ux.classic.src.TreePicker']);
Ext.define('app.common.MenuCombobox',{
        extend: 'Ext.ux.TreePicker',
        alias: ['widget.menuCombobox'],
        
        //这里不支持绑定store
        //requires:["app.menu.MenuModel"],
        //viewModel:"menuModel",
        //bind:{store:'{menuTreeGridStore}'},
        
        minPickerHeight: 100,
        maxPickerHeight: 300,
        displayField: 'text',
        autoScroll:true,
        //必须这样创建store
        store:Ext.create("Ext.data.TreeStore",{
                root:{id:0,text:locale.locale("root menu")},
                defaultRootProperty:"data",
                fields: [{
                        name:'id'
                },{
                        name:'text'
                }],
                proxy: {
                        type:'ajax',
                        url:'menuAction/getChildrenMenu.action'
                }        
        })
});

上面的TreePicker案例代码可以直接拿去用,需要注意的是store不支持绑定的。

登录后即可回复 登录 | 注册
    
关注编程学问公众号