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