1. #1
    Sencha User
    Join Date
    Jan 2008
    Posts
    19
    Vote Rating
    0
    Answers
    1
    loginfabio is on a distinguished road

      0  

    Default Unanswered: Rowexpander Error

    Unanswered: Rowexpander Error


    Hello,

    in my application i have a window with a gridpanel inside, each row can open a popup window which contains another gridpanel.
    In the "main" gridpanel there is the rowexpander plugin and it works properly, but when I try to add the rowexpander plugin in the detail window, I get this error:

    TypeError: me.el is null in http://...../extjs/src/util/Renderab...=1358435598747

    The 2 gridpanels are configured in the same way... I post some code:

    Main GridPanel -WORKS!!!
    PHP Code:
    Ext.define('MyApp.view.mymodule.TktMainGrid', {
        
    requires:['MyApp.ux.RowExpander','MyApp.ux.PersFilters','MyApp.ux.PersLayout'],
        
    extend'Ext.grid.Panel',
        
    alias'widget.myapp-tktmaingrid',id:'tktmaingrid',
        
    store:'Tickets',
        
    viewConfig:{enableRowBody:true},forceFittrue,
        
    defColumns: [] ,
        
    plugins: [
            {
    ptype'rowexpander',
                
    rowBodyTpl : [
                    
    '<div class="tk-vo-1">RDI Num:</div>',
                    
    '<div class="tk-va-1">{TKID}</div>',
                    
    '<div class="tk-vo-2">Title:</div>',
                    
    '<div class="tk-va-2">{TITO}</div>',
                    
    '<div class="tk-vo-1">Dt Open:</div>',
                    
    '<div class="tk-va-1">{DTCR}</div>',
                    
    '<div class="tk-vo-2">Description:</div>',
                    
    '<div class="tk-va-2">{TDES}</div>'
                
    ]
            },
            {
    ptype'persfilters'module'modulo-ticket'phpFileurlData,
                 
    srpan 'tktsearchpanel'},
            {
    ptype'perslayout'module'modulo-ticket'phpFileurlData }
        ],
        
    initComponent: function(){
            var 
    me this,
        
    aColumns = [
            {
    text'Id'dataIndex:'TKID'width:45},
            {
    text:'Creation',dataIndex:'DTCR',width:100},
            {
    text"Weight"dataIndex:'SVDE'width:80},
            {
    text'Title'dataIndex:'STAD'},
            {
    text'State'dataIndex:'DTRI'width:70}
        ];
        
    //------------------------------- COLUMNS ------------------------------
        
    Ext.apply(this,{
            
    columnsaColumns
        
    });
        
    this.callParent();
        },
        
    dockedItems : [
            {
    xtype:'toolbar'dock:'top'items:[
                    {
    text:'Nuovo',iconCls:'add'},'->'
                
    ]},
            {
    xtype 'pagingtoolbar'pageSize5store'Tickets'
                
    dock 'bottom'displayInfo true,
                
    displayMsg'Displaying topics {0} - {1} of {2}',
                
    emptyMsg 'No data to display'}
        ]
    }); 
    Detail GridPanel -doesn't work
    PHP Code:
    Ext.define('Myapp.view.mymodule.TktSchedaP5',{
        
    requires: ['Myapp.ux.RowExpander'],
        
    extend'Ext.grid.Panel',
        
    alias'widget.smqs-tktschedap5'title'Details',layout:'fit',
        
    store'TktOldtickets',
        
    viewConfig:{forceFittrue,enableRowBody:true},
        
    plugins: [{
            
    ptype'rowexpander',
            
    rowBodyTpl : [
                
    '<div class="tk-vo-1">RDI:</div>',
                
    '<div class="tk-va-1">{TKID}</div>',
                
    '<div class="tk-vo-2">Titl3:</div>',
                
    '<div class="tk-va-2">{TITO}</div>',
                
    '<div class="tk-vo-1">Dt Open:</div>',
                
    '<div class="tk-va-1">{DTCR}</div>',
                
    '<div class="tk-vo-2">Descr.</div>',
                
    '<div class="tk-va-2">{TKDE}</div>'
            
    ],
            
    pluginId'otRowExpander'
        
    }],
        
    initComponent: function(){
            var 
    me this;
            
    Ext.apply(this, {
                
    columns: [
                    {
    header:'ID',dataIndex:'TKID',width:80},
                    {
    header:'Date',dataIndex:'DTCR',width:80},
                    {
    header:'Class',dataIndex:'AGDE',width:120},
                    {
    header:'Weight',dataIndex:'SVDE',width:120},
                    {
    header:'Activity',dataIndex:'SIDE'},
                    {
    header:'Supporter',dataIndex:'SUNO'}
                ]
            });
            
    this.callParent();
        },
        
    dockedItems : [{
            
    xtype 'pagingtoolbar',
            
    pageSize 5,
            
    store 'TktModifiche'
            
    dock 'bottom'
            
    displayInfo true,
            
    displayMsg'Visualizza record {0} - {1} of {2}',
            
    emptyMsg 'No data to display',
        }]
    }); 
    There are defined in the same way, why the error?

    Thanks in advance

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    873
    Answers
    3567
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    They are a little different, first thing I see is you have layout : 'fit' on the broken grid, would remove that first.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jan 2008
    Posts
    19
    Vote Rating
    0
    Answers
    1
    loginfabio is on a distinguished road

      0  

    Default


    Sorry,

    I haven't replied before cause I had to go on the project.

    I have applied your advice and remove
    Code:
    layout:'fit'
    from the code
    and I force the 2 grids to have the same configuration,
    but nothing has changed, I continue to get the same error:
    TypeError: me.el is null ...extjs/src/util/Renderable.js?_dc=1362125916796
    Any idea?
    Thanks

Thread Participants: 1