1. #1
    Ext User
    Join Date
    Aug 2009
    Location
    San Diego, CA.
    Posts
    10
    Vote Rating
    0
    ext.Will is on a distinguished road

      0  

    Default treemenu and IE8 not expanding

    treemenu and IE8 not expanding


    Hello all. I searched around, but couldn't find an answer to this issue i'm having. I am testing out a simple treemenu in a border layout and creating the tree in the west panel. Simple enough and I have been working in Firefox and things work just fine. Then, I testing in IE8 and everything works except the tree won't expand nor display past the root node at all? I am stuck at this point. Can anyone see a problem in my test code?
    I left out the non relevant portions of the code, but here is everything that has to do with the tree and the div it is assigned to.
    Any ideas?

    Code:
    So, in Firefox the tree correctly looks like:
     
    - Pubdate
      |
      - A
         |-01
         |-02
         |-03
      - B
         |-01
         |-02
         |-03
      - C
         |-01
         |-02
         |-03
     
    But, in IE8, the tree incorrectly looks like
     
    - Pubdate
    thanks!

    Code:
        Ext.onReady(function(){
            Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
            Ext.QuickTips.init();
     
            var myviewport = new Ext.Viewport({
                layout: 'border',
                id: 'fullport',
                items: [
                {
                    region: 'east',
                    title: 'Ads This Page',
                    contentEl: 'east',
                    split: true,
                    width: 175,
                    minSize: 175,
                    maxSize: 175,
                    collapsible: true,
                    //autoScroll: true,
                    margins: '0 0 0 0'
                },
               {
                    xtype: 'panel',
                    region: 'west',
                    //title: 'Please Login',
                    id: 'west-panel',
                    width:   250,
                    minSize: 20,
                    maxSize: 400,
                    autoScroll: true,
                    collapsible: true,
                    layout: 'fit',
                    split: 'true',
                    items:
                    new Ext.TabPanel({
                        border: false,
                        activeTab: 0,
                        defaults:{autoScroll:true,border:false},
                        items:[
                              {
                                 title: 'Contents',
                                 contentEl: 'contentstab',
                                 iconCls: 'navtab'
                              }, 
                              {
                                 title: 'Search',
                                 contentEl: 'searchtab',
                                 iconCls: 'searchtab'
                              },
                              {
                                 title: 'Weather',
                                 contentEl: 'weathertab',
                                 iconCls: 'weathertab'
                              }
                              ]
                    })
                },
                {
                    xtype: 'panel',
                    region: 'center',
                    margins: '0 0 0 0',
                    contentEl: 'centerregion',
                    id: 'c-centerregion',
                    listeners: {
                      resize : function(){
                             /*console.log(arguments); */
                             resizeshowpage(this.getWidth(),this.getHeight());
                             newimgwidth  = this.getWidth();
                             newimgheight = this.getHeight();
                      }
                    }
                }
                ]
          });
     
          // get current pubdate
          var currentpubdate = document.getElementById("statusdate").value;
     
          var tree = new Ext.tree.TreePanel({
            renderTo: 'tree-div', // div is defined in html source below
            id: 'contentstree',
            layout: 'fit',
            animate: true,
            rootVisible: true,
            frame: false,
            root: {
              nodeType: 'async',
              text: 'Pubdate'
            },
            dataUrl: 'tree/check-nodes.php?pd='+currentpubdate,
            listeners: {
                'render': function(tp){
                  tp.getSelectionModel().on('selectionchange',function(tree, node){
                  //var el = Ext.getCmp('details-panel').body;
                  showpagesrc    = node.attributes.filename;
                  if (showpagesrc != undefined)
                  {
                     showpagesrc = node.attributes.filename;
                  }
     
                  // display the page that was clicked on
                  resizeshowpage(newimgwidth,newimgheight)
                }) 
            } 
          } 
        });
        tree.getRootNode().expand(true);
        //Ext.getCmp('contentstree').root.expand();
     
     
     
        Ext.get("reloadtree").on('click',function(){
           currentpubdate = document.getElementById("statusdate").value;
           tree.getLoader().dataUrl = 'tree/check-nodes.php?pd='+currentpubdate;
           tree.root.reload();
           tree.getRootNode().expand(true);
        });
     
     
     
     
     
     
        <div id="contentstab" class="x-hide-display">
              <div id="tree-div"></div>
        </div>

  2. #2
    Ext User
    Join Date
    Aug 2009
    Posts
    127
    Vote Rating
    0
    rblon is on a distinguished road

      0  

    Default


    Can you post the php file? Or even better: just the output/response?

  3. #3
    Ext User
    Join Date
    Aug 2009
    Location
    San Diego, CA.
    Posts
    10
    Vote Rating
    0
    ext.Will is on a distinguished road

      0  

    Default


    Quote Originally Posted by rblon View Post
    Can you post the php file? Or even better: just the output/response?
    Yup, here is the output of the php file.
    Thanks for taking a look!

    Code:
    [{ text: '10-07-08', cls: 'folder', children: [{ text: '01', leaf: true, filename: 'test100.jpg', },{ text: '02', leaf: true, filename: '4_A_01_W_MR_081309_.jpg' },{ text: '03', leaf: true, filename: '091209/2_A_03_test.jpg' }] },{ text: 'B', cls: 'folder', children: [{ text: '01', leaf: true, filename: '4_A_01_W_MR_081309_.jpg' },{ text: '02', leaf: true, filename: '091209/2_B_02_test.jpg' },{ text: '03', leaf: true, filename: '091209/2_B_03_test.jpg' }] },{ text: 'C', cls: 'folder', children: [{ text: '01', leaf: true, filename: '091209/2_C_01_test.jpg' },{ text: '02', leaf: true, filename: '091209/2_C_02_test.jpg' },{ text: '03', leaf: true, filename: '091209/2_C_03_test.jpg' }] }]

  4. #4
    Ext User
    Join Date
    Aug 2009
    Posts
    127
    Vote Rating
    0
    rblon is on a distinguished road

      0  

    Default


    haven't tried your code, but i notice a trailing comma in the php output (first child). Perhaps that's causing it, as IE is less forgiving?

  5. #5
    Ext User
    Join Date
    Aug 2009
    Location
    San Diego, CA.
    Posts
    10
    Vote Rating
    0
    ext.Will is on a distinguished road

      0  

    Default


    Quote Originally Posted by rblon View Post
    haven't tried your code, but i notice a trailing comma in the php output (first child). Perhaps that's causing it, as IE is less forgiving?

    Damn, rblon, you are a freak of nature. Nice catch! That was it.
    I must have stared at all of that for a few days now.

    thank you.

  6. #6
    Ext User
    Join Date
    Aug 2009
    Posts
    127
    Vote Rating
    0
    rblon is on a distinguished road

      0  

    Default


    cool
    IE and the trailing comma... been there before, so know what to look for

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar