Results 1 to 3 of 3

Thread: Rowexpander Error

  1. #1
    Sencha User
    Join Date
    Jan 2008
    Posts
    19
    Answers
    1
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jan 2008
    Posts
    19
    Answers
    1
    Vote Rating
    0
      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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •