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
    16,833
    Vote Rating
    609
    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
    16,833
    Vote Rating
    609
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi