1. #1
    Sencha User
    Join Date
    Mar 2013
    Posts
    1
    Vote Rating
    0
    ClassNotFound is on a distinguished road

      0  

    Default Unanswered: Expander problem for IE8

    Unanswered: Expander problem for IE8


    Hi all,

    I had a very unusual problem when i want to recive some data from the controller for my store in .jsp.

    Generally, i wanna expand a grid in a row who has already in a grid.

    Here is my controller, it will return a JSON object to the jsp page.
    Code:
        @RequestMapping(value = ConstantesPartage.LOAD_SHARES_OWNER)
        public @ResponseBody
        String reloadGridSharesOwner(final HttpServletRequest httpServletRequest, final HttpServletResponse response,
            @RequestParam("criteria") final int criteria) throws Exception {
            
            String retour;
            
            CriteresRechercheServeur criteresRechercheServeur = new CriteresRechercheServeur();
            criteresRechercheServeur.setId(criteria);
            
            ArrayList<SharesOwner> listOfSharesOwner = (ArrayList<SharesOwner>) this.serveurService.getExpandSharesOwner(criteresRechercheServeur);        
            retour= JsonUtil.encodeArrayToJson(listOfSharesOwner,httpServletRequest);
            return retour;
        }
    I've checked this baby for like a million times, so i guess it should be the problem here.

    And in my jsp pages, i've used a JSON store to deal with the data:
    Code:
                var storeSharesOwner = new Ext.data.JsonStore(
                {
                    url: link_shares_search_controller+'/load-shares-owner.do'
                    ,method: 'POST'
                    ,baseParams: 
                    {
                         criteria : ''
                    }   
                    ,fields: [
                        {name: 'id_partage', type:'int'}
                        ,{name: 'nom_partage'}
                        ,{name: 'listOwner'}
                    ]
                });
    And here is the part with problem
    Code:
    //****Row expander****
                var expander = new Ext.ux.grid.RowExpander({
                    tpl : new Ext.Template(
                        '<br/><div id=\"server-{id}\"></div>'
                    )
                });
                
                expander.on('expand', function (obj, record, body, rowIndex) {
                //Load the data
                Ext.getCmp('id_grid_show_view_servers').getEl().mask(loading_generic_sequence);
                storeSharesOwner.baseParams.criteria=record.data.id;
                storeSharesOwner.load();
                storeSharesOwner.on('load', function(){
                    //Problem here!!!!!!!!!!!!!!
                    Ext.getCmp('id_grid_show_view_servers').getEl().unmask();    
                });    
                
               new Ext.grid.GridPanel({
                           id: 'id_grid_show_view_shares_owner'
                        ,renderTo: 'server-'+record.data.id
                        ,border: true
                        ,store: storeSharesOwner
                        ,layout:'fit'
                        ,width: 680
                        ,height: 280
                           ,trackMouseOver: true
                        ,disableSelection: true
                        ,stripeRows: true
                           ,columns: 
                        [
                            {header: "<spring:message code='prtg.tableHeaderShares'/>", width: 310, sortable: true, dataIndex: 'nom_partage'}
                            ,{header: "<spring:message code='prtg.tableHeaderOwner'/>", width: 320, sortable: true, renderer:sharesOwnerRenderer, dataIndex: 'listOwner'}
                        ]
                         ,tbar:[
                         {
                             text:"<spring:message code='prtg.topBarSharesOwner'/>"
                        }]
                        });
                });
    It works well in FireFox, but when i test it with IE8, it will have a error which is:
    Code:
    Message : 'this.innerHd.firstChild' is null or not an object.
    Ligne : 11
    Caractère : 147620
    Code : 0
    URI : http://localhost:9080/js/extjs/ext-all.js
    and the grid will never be unmask.

    I really have no idea whats going on here and i've be blocked for like 2 days, so if ANYBODY can help me,
    IT WILL BE DELIGHTFUL!!!

    Best regards

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,154
    Vote Rating
    475
    Answers
    686
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    It could be a syntax error, comma , or it could be something related to this topic:
    http://stackoverflow.com/questions/4...or-not-an-obje

    Here is an UX that has nested grids in the example:
    https://github.com/mitchellsimoens/U...ionRowExpander

    Scott.

Thread Participants: 1

Tags for this Thread