1. #1
    Sencha User
    Join Date
    Feb 2008
    Posts
    4
    Vote Rating
    0
    darkray is on a distinguished road

      0  

    Question [Help:] can not display layout,toolbar and grid in ie(it works fine in firefox)

    [Help:] can not display layout,toolbar and grid in ie(it works fine in firefox)


    the code uses Ext 1.1 and it runs well in firefox , but it shows nothing in internet explorer 6/7 . could anyone help me to find out what is the probably cause or give me a hint on how to find out the problem. thanks very much.

    the following is the html file :

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <head>
        <title>main menu</title>
    <link rel="stylesheet" type="text/css" href="../css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../css/examples.css" />
    <script type="text/javascript" src="../include/js/ext-base.js"></script>
    <script type="text/javascript" src="../include/js/ext-all.js"></script>
    <script type="text/javascript" src="../include/js/menu/menu.js"></script>
    </head>
    <body> 
        <div id="north-div"></div> 
        <div id="center-div" style="width:100%;height:100%">
        <div id="center-tb" style="width:100%;height:100%"></div>
        </div>
    </body>
    </html>
    and the following is the menu.js file

    Code:
    Simple = function() {
        var northPanel,  centerPanel;
        return {
            init : function() {
               var tb = new Ext.Toolbar('north-div');
              
    
        tb.add(
      
            {
            text: 'menu1' ,  
            enableToggle: true,
            toggleHandler: onButton1Click,
            pressed: false
        },'-');
      
        // add a combobox to the toolbar
      
    tb.add({
        text: 'menu2' ,
        enableToggle: true,
            toggleHandler: onButton2Click,
            pressed: false});
            
      tb.add('-',{
        text: 'menu3' ,
        enableToggle: true,
            toggleHandler: onButton3Click,
            pressed: false});  
            
            
            
        var tabs = new Ext.TabPanel("center-tb",{
          resizeTabs:true
         });
        var index=0;
        function onButton1Click(btn){
        	  var tab1=tabs.addTab(
                 Ext.id(),
                 'menu1' ,
                 'Tab Body ' + index ,
                 true
            );
            var updater = tab1.getUpdateManager(); 
            updater.setDefaultUrl('dimensionlist.html');
             updater.loadScripts=true;
            tab1.activate();
            tab1.on("activate",function(){tab1.bodyEl.repaint();},true);
              updater.refresh();
         
          //   Ext.get('center-iframe').dom.src = 'ajax1.htm';
        }
           function onButton2Click(btn){
           		  var tab2=tabs.addTab(
                 Ext.id(),
                 'menu2' ,
                 'Tab Body ' + index ,
                 true
            );
            var updater = tab2.getUpdateManager(); 
            updater.setDefaultUrl('measurementlist.html');
             updater.loadScripts=true;
            tab2.activate();
            tab2.on("activate",function(){tab2.bodyEl.repaint();},true);
              updater.refresh();
     
          //    Ext.get('center-iframe').dom.src = 'dimensionlist.html';
         }
           function onButton3Click(btn){
      	  var tab3=tabs.addTab(
                 Ext.id(),
                 'menu3' ,
                 'Tab Body ' + index ,
                 true
            );
            var updater = tab3.getUpdateManager(); 
            updater.setDefaultUrl('initialize.html');
             updater.loadScripts=true;
            tab3.activate();
            tab3.on("activate",function(){tab3.bodyEl.repaint();},true);
              updater.refresh();  
          //    Ext.get('center-iframe').dom.src = 'dimensionlist.html';
         }
               
               var mainLayout = new Ext.BorderLayout(document.body, {
                    north: { 
                        split: true, initialSize: 30 
                    }, 
                    center: { 
                    titlebar: false,
                    
                    }
                });
                mainLayout.beginUpdate();
                mainLayout.add('north', northPanel = new Ext.ContentPanel('north-div', { 
                    fitToFrame: true, closable: false ,
                        toolbar: tb, title: 'Content'
                }));
                mainLayout.add('center', centerPanel = new Ext.ContentPanel('center-div', { 
                    fitToFrame: true
                
                })); 
                mainLayout.endUpdate();
    
            }
        };
    }();
    Ext.EventManager.onDocumentReady(Simple.init, Simple, true);
    Last edited by darkray; 24 Feb 2008 at 3:29 AM. Reason: maybe the title is not clear enough

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,167
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Run it through a syntax checker, there's an unclosed string:

    Code:
    text: 'menu1, // <-----------

  3. #3
    Sencha User
    Join Date
    Feb 2008
    Posts
    4
    Vote Rating
    0
    darkray is on a distinguished road

      0  

    Default


    thanks very much ,i have corrected that three place, but it still not working in ie . i think it was caused by other reasons.

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,167
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Get rid of trailing commas:

    Code:
    var mainLayout = new Ext.BorderLayout(document.body, {
                    north: { 
                        split: true, initialSize: 30 
                    }, 
                    center: { 
                    titlebar: false, // <--------------
                    
                    }

  5. #5
    Sencha User
    Join Date
    Feb 2008
    Posts
    4
    Vote Rating
    0
    darkray is on a distinguished road

      0  

    Default


    thanks very much evant, that is the problem. i am too negligent in my coding . the problem is solved

Thread Participants: 1