Ext4.2 TreeStore data(children) 확장 속성


모델을 정의할 수도 있고, 정의하지 않고 TreeStore에 직접 쓸 수도 있습니다
	Ext.define('treeModel', {
		extend: 'Ext.data.Model',
		fields: [ 
	         {name: 'text', type: 'string'}, // 
	         {name: 'url', type: 'string'}
         ] 
	});

 
TreeStore
var store = Ext.create('Ext.data.TreeStore', {
			nodeParam: 'id',	// id node 
			//model: 'treeModel',
			//autoLoad: false, 
			//  
			fields: [ 
		         {name: 'text', type: 'string'}, // ?
		         {name: 'url', type: 'string'}
	            ],
			proxy: {
	            type: 'ajax',
	            url: 'resource/getListByPU.json',
	            reader: {
					type: 'json',
	        		root: 'extTreeVoList' //josn 
	         	} 
	        },
		    root: {
		    	text: ' ',
	            id: 0,
		        expanded: true
		    }
//	        ,
//		    sorters: [{
//	            property: 'text',
//	            direction: 'ASC'
//	        }]
		});

 
treePanel
var tree = Ext.create('Ext.tree.Panel', {
	        	//id: extTreeVo.id, //id 
	        		title: 'text',
	                store: store,
	                rootVisible:false,	                
	                useArrows: false,
	                listeners : {  
	                    'itemclick' : function(view,record){  
	                        if(record.data.leaf){  
	                            alert(record.data.id+record.data.url);
	                            alert(record.raw.url); // raw 
	                        }else{  
//	                            if(record.data.expanded){  
//	                                view.collapse(record);  
//	                            }else{  
//	                                view.expand(record);  
//	                            }  
	                        }  
	                    }  
	                }  
	            });

 
데이터에 href가 있는 것 같아요. URL은 확장할 필요가 없는 것 같아요.
화호로 모니터링하는 리코더.데이터의 모든 속성
data
	
	Object { id=20,  text=" ",  parentId=10,   ...}
id
	
	20
text
	
	" "
parentId
	
	10
index
	
	0
depth
	
	1
expanded
	
	null
expandable
	
	true
checked
	
	null
leaf
	
	true
cls
	
	"file"
iconCls
	
	""
icon
	
	""
root
	
	false
isLast
	
	false
isFirst
	
	true
allowDrop
	
	true
allowDrag
	
	true
loaded
	
	false
loading
	
	false
href
	
	""
hrefTarget
	
	""
qtip
	
	""
qtitle
	
	""
qshowDelay
	
	0
children
	
	null

좋은 웹페이지 즐겨찾기