通过Div将页面分三块(上,中,下),然后通过Ext来改变Content的内容(一)

修改成Div的原因:
1、原始系统主架构(V层)是通过frameset来划分的;
2、系统中需要提供全屏的功能,在frameset中不好实现;


现修改成Div如下:

<div id="header" ></div>
<div id="content" ></div>
<div id="footer" ></div>


系统menu主要放于header,而content用来显示操作内容;
现在在header中添加菜单 事件如下:
 new Ext.Panel( {
                applyTo : 'content',
                autoScroll : true,
                border : true,
                height:200,   
                autoLoad :{url:url,scripts:true}
     });  
在测试过程中发现通过上面代码实现有如下问题:
1、autoLoad进来的url里面的内容如果有js块则需要封装到js文件中,再加以引入;
2、css块则需要放入到body中才起效果;

以上两个问题,在IE9、IE8、FF中测试得出;


如果你有更好的方案或建议,请赐教!

你可能感兴趣的:(ext,div,autoload,三层)