2013-09-30 1 views
0

나는 form.html, report.html, console.html의 세 파일을 가지고 있습니다. console.html 페이지에 두 가지 문제점이 있습니다. 나는 'report.html'오직 정적 콘텐츠가로드를로드하려고ExtJs autoLoad 스크립트가 실행되지 않았습니다

  • , 의 ExtJS 구성 요소가로드 또는 스크립트가 실행되지 않습니다 말할 수 없습니다.

  • 'form.html'을로드하려고합니다. 이 코드에서는 form.html을 extJs 구성 요소와 함께 성공적으로로드 할 수 있습니다. 하지만 문제는 tab2가로드되고 나면 tab1을 활성화/표시 할 수 없다는 것입니다.

    감사합니다. 어떤 오류없이 autoLoad의 모든 예가 가능합니다.

    Console.html은 다음과 같습니다 :

<head> 
    <title>Sample Console</title> 
    <link rel="stylesheet" type="text/css" href="../ExtJs/resources/css/ext-all.css" /> 
    <script type="text/javascript" src="../ExtJs/ext-all-debug.js"></script> 
    <script type="text/javascript"> 
     Ext.onReady(function() { 
      Ext.create('Ext.panel.Panel', { 
       renderTo: 'frmSampleConsole', 
       split: true, 
       height : '100%', 
       width : '100%', 
       layout:'border', 
       defaults: { 
        collapsible: true, 
        split: true 
        //bodyStyle: 'padding:15px' 
       }, 
       items: 
       [ 
        { 
         title: 'Report', 
         region : 'west', 
         width : 280, 
         autoLoad : 'report.html', 
         contentType: 'html', 
         scripts : true 
        } 
        , 
        { 
         id :'tabpanel', 
         xtype:'tabpanel', 
         title: 'Main Content', 
         collapsible: false, 
         region:'center', 
         items : [ 
          { 
           id : 'tab1', 
           title: 'Tab1', 
           collapsible: false, 
           margins: '5 0 0 0', 
           activeTab:0, 
           items: [ 
            { 
             html : 'Sample html content' 
            } 
           ] 
          }, 
          { 
           id :'tab2', 
           title : 'Tab2', 
           layout : 'fit', 
           closable: true, 
           loader: { 
            url: 'form.html', 
            contentType: 'html', 
            autoload: true, 
            loadMask: true, 
            scripts: true 
           }, 
           listeners: { 
            render: function(tab) { 
             tab.loader.load(); 
            } 
           } 
          } 
         ] 
        } 
       ] 
      }); 

     }); 
    </script> 
</head> 
<body> 
    <div id = 'frmSampleConsole'></div> 
</body> 
</html> 
+1

extjs 라이브러리를 두 번로드 할 수 없습니다. 작동하지 않을 것입니다. 정적 콘텐츠는 정적 상태를 유지해야하며 그렇지 않으면 iframe을 사용해야합니다. – dbrin

답변

0

당신의 필요가 다음 "scripts: true,"로 설정하여 extjs라는 스크립트 작업입니다.