在ExtJS官方下载包中为我们提供了下拉树类库TreePicker.js,实现效果图:
代码:
xtype: 'treepicker',
fieldLabel: '下拉树',
width: 400,
labelWidth: 60,
margin: '100 0 0 150',
displayField: 'text',
rootVisible: false,
value: '',
minPickerHeight: 200,
store: Ext.create('Ext.data.TreeStore',{
fields: ['id','text'],
root: {
text: '天朝部门',
expanded: true
},
proxy: {
type: 'ajax',
url: 'app/data/tree.json',
reader: {
type: 'json'
}
}
})
详细使用教程请参考原文: www.itlee.name/qianduan/extjs/685.html
文章来源:李坏博客