ext 下拉树demo

阅读更多

  <%=com.kingen.util.JsonHelperJS.FormExtJsModel("com.kingen.vo.TreeNode", "TreeModel", "","")%>
	          var treestore =  Ext.create('Ext.data.TreeStore', {
                  autoLoad: true,
                  storeId:'storeTree',
                  //这个千万不能要
//                   root: {
//   					expanded: true
//   				},
                  model: 'TreeModel',
                 // fields: ['id','text'],
                  folderSort: false,
                  proxy: {
                      type: 'ajax',
                      url: '<%=basePath%>assets/type/treeData',
                      reader: {
      						type: 'json'
      					}
                  },
                 	listeners: {
                      beforeload: function (store, options) {
                      }
                  }
              });
	          treestore.load();
	          
            var assetsTypeField = Ext.widget('treepicker',{
                   name: 'assetsType',
                   fieldLabel: '资产类型'+'*',
                   displayField: 'text',  
                   maxLength: 20,
                   allowBlank: false,
                   minPickerHeight: 200,  
                   forceSelection : true,// 只能选择下拉框里面的内容    
                   editable : false,// 不能编辑  

                   store: treestore
                   
                   
                   /*
                   store : Ext.create('Ext.data.TreeStore', {
    				    root: {
    				        expanded: true,
    				        children: [  
    				        	{"id":1,"text":"1部","children":[{"id":11,"text":"2部","leaf":true},{"id":12,"text":"3部","leaf":true}],"expanded":true},  
    				        	{"id":2,"text":"4部","leaf":true},  
    				        	{"id":3,"text":"5部","leaf":true}  
    				        	]  
    				    }
    				})
   				  */
      				
               });

 

 treepicker在附件里，引进来就行

• TreePicker.zip (2.7 KB)
• 下载次数: 0

• 
• 大小: 12.6 KB

• 查看图片附件