ExtJS4.x 如何實現下拉樹菜單

在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

文章來源：李壞博客