Extjs+jquery实现动态载入多个页面,实现iframe效果
2011-10-29 20:53
218 查看
通常用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> '
});
如果使用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> '
});
相关文章推荐
- 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
- 使用JQuery快速实现Tab的AJAX动态载入
- jQuery实现页面滚动时顶部动态显示隐藏
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- jquery 实现页面动态消息显示
- 用ExtJS 实现动态载入树(Load tree)
- jQuery页面滚动图片等元素动态加载实现
- jQuery实现页面滚动时顶部动态显示隐藏
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- jQuery页面滚动图片等元素动态加载实现
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- jQuery实现页面滚动时顶部动态显示隐藏
- JQuery页面随滚动条动态加载效果实现
- 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
- jQuery页面滚动图片等元素动态加载实现
- jQuery实现页面滚动时动态加载内容的方法
- 实现页面图片延迟载入方法jquery.lazyload.js(1/2)
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 《JavaWeb---利用JQuery实现页面无刷新动态改变页面数据》