Ext TreeGrid 点滴

关于Ext  TreeGrid 的的随笔 在store的数据集上一定要加上这个事件

st 代表数据集
rc 代表记录集

	
	store.on('beforeexpandnode',function(st,rc){
     	
     	level = rc.get('_level');
     	lft = rc.get('_lft');
     	rgt = rc.get('_rgt');
     	url = 'Taskaction_gridtreedata.action?taskid='+taskid+'&tableid='+tableid+'&tasktimeid='+tasktimeid+'&unitid='+unitid+'&level='+level+'&l='+lft+'&r='+rgt;
   		store.proxy.conn.url = url
     });

评论

1 楼 peter2009 2009-11-07  

Ext.BLANK_IMAGE_URL = "/apollo/ext/resources/images/default/s.gif";
Ext.QuickTips.init();   //如果想使用tip的话一定要加这一句
Controller = function()
{
	function createGrid()
	{
		
	//以下是一些测试数据没什么用
    var data = [
//    	{O1_0:1,UNITID:'1000000009',DWMC:'卫生部2',_id:1,_parent:null,BBLX:'9',_is_leaf:false,_level:1,_lft:29,_rgt:99999970},
//		{O1_0:3,UNITID:'1010000009',DWMC:'医科院机关',_id:2,_parent:1,BBLX:'9',_is_leaf:false,_level:2,_lft:30,_rgt:99999969},
//		{O1_0:2,UNITID:'1010000001',DWMC:'辽宁医科院机关',_id:3,_parent:2,BBLX:'9',_is_leaf:true,_level:3,_lft:31,_rgt:99999968},
//		{O1_0:4,UNITID:'1010000001',DWMC:'河北中医科院',_id:4,_parent:1,BBLX:'9',_is_leaf:false,_level:2,_lft:32,_rgt:99999967}
		{UNITID:'1000000009',DWMC:'卫生部',_id:1000000001,_parent:null,SJDM:null,BBLX:'9',_is_leaf:false,_level:1,_lft:1,_rgt:99999999},
		{UNITID:'1010000009',DWMC:'医科院机关',_id:1010000001,_parent:1000000001,SJDM:'100000000',BBLX:'9',_is_leaf:false,_level:2,_lft:2,_rgt:10},
		{UNITID:'1020000000',DWMC:'北大第一医院',_id:1020000002,_parent:1000000001,SJDM:'100000000',BBLX:'0',_is_leaf:true,_level:2,_lft:11,_rgt:20},
		{UNITID:'1020000000',DWMC:'北大第一医院',_id:1020000003,_parent:1000000001,SJDM:'100000000',BBLX:'0',_is_leaf:true,_level:2,_lft:21,_rgt:30},
		{UNITID:'1020000000',DWMC:'北大第一医院',_id:1020000004,_parent:1000000001,SJDM:'100000000',BBLX:'0',_is_leaf:true,_level:2,_lft:31,_rgt:40},
		{UNITID:'1160000009',DWMC:'中国疾病预防控制中心(CDC)京内',_id:1160000005,_parent:1000000001,SJDM:'100000000',BBLX:'9',_is_leaf:false,_level:2,_lft:41,_rgt:50},
		{UNITID:'1170000009',DWMC:'卫生部国际交流中心',_id:1170000007,_parent:1000000001,SJDM:'100000000',BBLX:'9',_is_leaf:true,_level:2,_lft:51,_rgt:99999998},
		{UNITID:'1160000000',DWMC:'中国疾病预防控制中心本部',_id:1160000001,_parent:1160000005,SJDM:'116000000',BBLX:'0',_is_leaf:true,_level:3,_lft:42,_rgt:49},
		{UNITID:'1010000000',DWMC:'医科院机关本部',_id:1010000003,_parent:1010000001,SJDM:'101000000',BBLX:'0',_is_leaf:true,_level:3,_lft:3,_rgt:5},
		{UNITID:'1010100000',DWMC:'医科院基础医学研究所',_id:1010100002,_parent:1010000001,SJDM:'101000000',BBLX:'0',_is_leaf:true,_level:3,_lft:6,_rgt:9}
	];
    //*******测试数据结束******/
    // add in some dummy descriptions and loaded flag
		for (var i = 0; i < data.length; i++) {
    	data[i].desc = 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.<br/><br/>Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit.';
    	data[i]._is_loaded = true;
		}
		
		var expander = new Ext.grid.RowExpander({
      tpl : new Ext.Template(
          '<p><b>Company:</b> </p><br>',
          '<p><b>Summary:</b> {DWMC}</p>'
      )
    });

    //测试列
    var re = [
		{name:'DWDM'},
    	{name: 'UNITID'},
    	{name:'DWMC'},
   		{name:'A1_0'},
   		{name:'B1_0'},
   		{name:'C1_0'},
   		{name:'D1_0'},
   		{name:'E1_0'},
   		{name:'F1_0'},
   		{name:'G1_0'},
   		{name:'H1_0'},
   		{name:'I1_0'},
   		{name:'J1_0'},
   		{name:'K1_0'},
   		{name:'L1_0'},
   		{name:'M1_0'},
   		{name:'N1_0'},
   		{name:'O1_0'},
   		{name: '_id', type: 'int'},
     	{name: '_level', type: 'int'},
     	{name: '_lft', type: 'int'},
     	{name: '_rgt', type: 'int'},
     	{name: '_is_leaf', type: 'bool'}
   	];
    
    // create the data store
    var record = Ext.data.Record.create(jsreader);
   	var level = '';
   	var lft = '';
   	var rgt = '';
   	var url = 'Taskaction_gridtreedata.action?taskid='+taskid+'&tableid='+tableid+'&tasktimeid='+tasktimeid+'&unitid='+unitid+'&level='+level;
    var store = new Ext.ux.maximgb.treegrid.NestedSetStore({
    	autoLoad : true,
    	url:'Taskaction_gridtreedata.action?taskid='+taskid+'&tableid='+tableid+'&tasktimeid='+tasktimeid+'&unitid='+unitid+'&level='+level,
		reader:new Ext.data.JsonReader({id: '_id',root: 'data',totalProperty: 'total',successProperty: 'success'}, record)
	//注释本地测试
//		reader: new Ext.data.JsonReader({id: '_id'}, record),
//			proxy: new Ext.data.MemoryProxy(data)
	});
	//需要加上 这样一个事件才行
	store.on('beforeexpandnode',function(st,rc){
     	
     	level = rc.get('_level');
     	lft = rc.get('_lft');
     	rgt = rc.get('_rgt');
     	url = 'Taskaction_gridtreedata.action?taskid='+taskid+'&tableid='+tableid+'&tasktimeid='+tasktimeid+'&unitid='+unitid+'&level='+level+'&l='+lft+'&r='+rgt;
   		store.proxy.conn.url = url
     });
     
     
    
    // create the Grid
    var grid = new Ext.ux.maximgb.treegrid.GridPanel({
      store: store,
      master_column_id : 'UNITNAME',
      columns: cm,
      stripeRows: true,
      //autoExpandColumn: 'UNITNAME',
      title: tabletitle+'数据一览',
      root_title: '具体单位', 
      plugins: expander,
      viewConfig : {
      	enableRowBody : true
      }
    });
    
    grid.on('onClick',function(e){
    
    	alert('a');
    });
    
    
    
    var vp = new Ext.Viewport({
    	layout : 'fit',
    	items : grid
    });
    grid.getSelectionModel().selectFirstRow();
	}
	
	/*这个方法由于文字太多了 在单元格里显示不下
	  Ext 默认显示为”aaaaa..“想设置一个 tip 让tip显示全部的内容*/
	function renderFriends(val, meta, rec, rowIdx, colIdx, ds) {
 		 return '<div ext:qtitle="' + val + '" ext:qtip="' + ' ' + '">' + val + '</div>';
	}
	// example of custom renderer function
  function change(val)
  {
    if (val > 0) {
      val = '<span style="color:green;">' + val + '</span>';
    } 
    else if(val < 0) {
			val = '<span style="color:red;">' + val + '</span>';
    }
    return val;
  }

  // example of custom renderer function
  function pctChange(val)
  {
    if (val > 0) {
      val = '<span style="color:green;">' + val + '%</span>';
    } 
    else if(val < 0) {
      val = '<span style="color:red;">' + val + '%</span>';
    }
    return val;
  }

	return {
		init : function()
		{
			createGrid();
		}
	}
}();

Ext.onReady(Controller.init);