本文介绍了如何利用extjs的Panel组件实现页面的无缝加载，并在此基础上灵活运用jQuery提供的丰富动画效果，提升用户体验。具体展示了Panel如何作为iframe容器引入外部页面内容，同时确保页面元素不受影响，以及如何在不改变原有页面结构的情况下添加动态效果。
通常用jquery的load引入另外页面的数据，不过这会带来页面的css冲突与js冲突或者失效，被载入页面会不完整，用iframe，就不能很好的控制动态加入的页面。
如果使用extjs的话，他的panel可以充当一个iframe，引入一个页面内容，其中的内容完全 不影响。
extjs中也可以方便地使用jquery的效果！
如：
var panel=new Ext.Panel({
title:"panel",
width:item.width,
height:item.height,
html:'<iframe id="cks" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" '
+'width="100%" height="100%" src="'+url+'"></iframe> '
});
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
