这个是动态添加html的代码html叫mix.html:
var iCom = Ext.create('Ext.panel.Panel', {
title: 'mix',
closable: true,
sidebarChange: true,
loader: {
autoLoad: true,
url: 'mix.html',
scripts: true
}
});
tabpanel.add(iCom);
tabpanel.setActiveTab(iCom);
这个是mix.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
Ext.Msg.alert('Status', 'Changes saved successfully.');
var filterPanel = Ext.create('Ext.panel.Panel', {
bodyPadding: 5, // Don't want content to crunch against the borders
width: 300,
title: 'Filters',
items: [{
xtype: 'datefield',
fieldLabel: 'Start date'
}, {
xtype: 'datefield',
fieldLabel: 'End date'
}],
renderTo: 'demo1'
});
</script>
</head>
<body>
<div id="demo1"></div>
</body>
</html>
其中的 Ext.Msg.alert('Status', 'Changes saved successfully.'); 这句可以显示出来 ,但是panel就出不来, 切换一下别的panel或者 ,浏览器的大小改变一下再或者点一下F12调试按钮, 它就会显示, 这是为啥啊? 跪求大神啊!
点击F12或者点击首页panel再切换回来之后就自动显示了
设置断点,一步步的跟踪degger一下!!!清掉浏览器的缓存……