Hola a todos, nuevamente con mis dudas: Me pidieron que haga un grid que tenga los reportes de unos ítems de tal forma que al dar click sobre él se desplieguen sus demás subItems. Buscando la solución llegue al [b]groupingm[/b], pero este componente te agrupa por algún atributo de la tabla, cosa que no podre hacer puesto que mi ítems y subItems son 2 tablas distintas que obviamente están relacionados y no solo eso que el ítem y el subItems tengan su mantenimiento , es decir: el usuario podrá agregar más ítems y si desea eliminar éste deberá eliminarse con todos sus subItems, también deberá poder agregar un subItems al Items que el desee. Siguiendo con mi búsqueda me econtre con [b]ux.maximgb.tg[/b] que hasta ahora no lo entiendo muy bien, bueno trate de implementarlo guiándome de sus ejemplos:

Controller = function()
{
	function createGrid()
	{
    // create the data store
    var record = Ext.data.Record.create([
   		{name: 'cod_titulo'},
     	{name: 'descripcionSubPartida'},
     	{name: 'tipoTitulo'}
    ]);
    var store = new Ext.ux.maximgb.tg.NestedSetStore({
    	autoLoad : true,
    	url: '../class/clsTitulo.php',
			reader: new Ext.data.JsonReader(
				{
					id: '_id',
					root: 'dataReporta',
					totalProperty: 'total',
					successProperty: 'success'
				}, 
				record
			)
    });
	
	////otro store solo para probar
	 var storeDos = new Ext.ux.maximgb.tg.NestedSetStore({
    	autoLoad : true,
    	url: '../class/clsPartida.php',
			reader: new Ext.data.JsonReader(
				{
					id: '_id',
					root: 'dataReporta',
					totalProperty: 'total',
					successProperty: 'success'
				}, 
				record
			)
    });
	
    // create the Grid
    var grid = new Ext.ux.maximgb.tg.GridPanel({
      store: store,
      master_column_id : 'cod_titulo',
      columns: [
			new Ext.grid.RowNumberer(),
				{header:'Codigo', dataIndex:'cod_titulo',sortable: true},
				{header:'Descripción', dataIndex:'descripcionSubPartida',sortable: true},				
				{header:'Tipo', dataIndex:'tipoTitulo',sortable: true}		
      ],
      stripeRows: true,
      autoExpandColumn: 'cod_titulo',
      title: 'Nested set server grid.',
      bbar: new Ext.ux.maximgb.tg.PagingToolbar({
      	store: storeDos,
      	displayInfo: true,
      	pageSize: 10
      })
    });
    var vp = new Ext.Viewport({
    	layout : 'fit',
    	items : grid
    });
	
    grid.getSelectionModel().selectFirstRow();
	}
	
	// example of custom renderer function
	return {
		init : function()
		{
			createGrid();
		}
	}
}();
Ext.onReady(Controller.init);

el firebug me manda este error: [color=#FF0000]this.config[a] is undefined [Break on this error] var swfobject=function(){var E="undefi...);Ext.grid.GroupingView.GROUP_ID=1000;[/color] Por cierto en el ejemplo original trabaja con un solo store tanto para el grid como para el store del bbar Espero que alguien me ayude aunque sea en las definiciones de los componentes ya mencionado. de verdad necesito ayuda.