ExtJs使用IFrame的实现代码

环境：
Microsoft Visual Studio 2008 Sp1
Asp.net MVC
ExtJs 3.1.1
使用IFrame须要一个ExtJS的一个插件ManagedIFrame（miframe.js），用了这个插件可以使用 xtype:'iframepanel' 下载
代码段：


代码如下:

var p_center = new Ext.TabPanel({
region: "center",
resizeTabs: true, // turn on tab resizing
minTabWidth: 115,
tabWidth: 135,
enableTabScroll: true,
width: 600,
activeTab: 0,
height: 250,
items:[{
xtype: 'iframepanel',
title:'系?统?容?量?分?配?',
id:"form_chapteradmin",
loadMask:{msg:'Loading Quote...'},
deferredRender: false,
//bodyStyle:'padding:10px',
frameConfig:{name:'chatperadminForm'},
border:false,
//frame:true,
defaultSrc: 'http://mhl-pc/ReportServer?%List&rs:Command=Render:toolbar=false'
}],
defaults: { autoScroll: true }
});

图：

赞 (0)

相关推荐

  • ExtJs使用IFrame的实现代码

    ExtJs使用IFrame的实现代码

    环境: Microsoft Visual Studio 2008 Sp1 Asp.net MVC ExtJs 3.1.1 使用IFrame须要一个ExtJS的一个插件ManagedIFrame(miframe.js),用了这个插件可以使用 xtype:'iframepanel' 下载 代码段: 复制代码 代码如下: var p_center = new Ext.TabPanel({ region: "center", resizeTabs: true, // turn on tab r

  • 在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

    复制代码 代码如下: <%@ page contentType="text/html; charset=GBK" language="java"%> <%@ page import="com.jstrd.mm.business.sysmgr.monitor.logic.MMStock2BudgetLogic" %> <% String query = request.getParameter("query&

  • Extjs优化(一)删除冗余代码提高运行速度

    Extjs 本身是一个加载慢的JS框架,这个需要程序员的多去优化,之前说过了JS的打包的优化 这次来写写怎么减少冗余代码,也是提高运行速度,包含了1.删除代码通用2.提交表单通用3.初始化Gird通用化 本次只写 删除代码优化 先贴出代码 复制代码 代码如下: /** * 获取个GridPanel的选择的记录 */ function $getGdSelectedIds(grid, idName) { var selRs = grid.getSelectionModel().getSelectio

  • ExtJS扩展 垂直tabLayout实现代码

    ExtJS扩展 垂直tabLayout实现代码

    但ExtJS中的TabPanel只能水平显示,搜索了一下Ext论坛,发现有垂直TabLayout的扩展,但垂直tab的页签内容是水平显示的,且页签多了之后也不能通过设置enableScroll属性使其能滚动,为了适应项目的需求,本人对TabLayout进行了扩展,使其支持垂直页签显示,支持页签很多时的滚动.效果如下: 该组件有两种使用方式,一是扩展方式,二是复写方式.其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css,同时需要将两个图片放在ext-patch.cs

  • ExtJs的Date格式字符代码

    Date类在ExtJs中提供的方法算是少的.但是,另外一方面,因为历史原因,现在Date无论在哪个语言里面,表征其格式变量的字母都很多.本节就着重讲解Date的日期格式表示.这些都是ExtJs API中的内容,如果有中文版的可以直接跳过这里了.如果需要继续看的,请注意,其中的格式字符时大小写敏感的.年Y    年的数字表示,4位数字,例如1999y    年的两位数字表示,例如99或03o    ISO-8601年的数字表示(与Y相同,但是如果ISO周的数W属于前一年或者下一年,那么就用那个年)

  • javascript IFrame 强制刷新代码

    当第一次从主窗口进入到一个iframe简称{A}中,此时这个{A}中呈现的数据是新的,这时我又点了另外的一个iframe简称{B},这里{B}的数据也是新的,在{B}中进行一些逻辑处理,如向{A}中批量增加模型数据,这里我们再进入到{A}中会发现数据是被缓存着的.因为是从{B}中对批量操作了{A}的数据,{B}是与server通信的,也就是会进行逻辑层/持久层操作,这样server端更新的呈现部分是{B}而不是全部,这也就是局部刷新,只刷{B}.而我们需要做的是让{A}中的内容也跟着变. 解决方

  • javascript iframe编程相关代码

    最近在处理几个项目中都用到了iframe,有时一个页面中有多个iframe,而且几个iframe需要相互访问彼此的函数或者父窗口的函数.今天有空就将页面框架编程做个整理. 一个页面中的所有框架以集合的形式作为window对象的属性提供,例如:window.frames就表示该页面内所有框架的集合,这和表单对象.链接对象.图片对象等是类似的,不同的是,这些集合是document的属性.因此,要引用一个子框架,可以使用如下语法: 复制代码 代码如下: window.frames["frameName

  • js实现拉伸拖动iframe的具体代码

    左边iframe放树目录,右边的iframe放index页.拖鼠标同时控制2个iframe的宽高.期待有人能改进.操作方法:鼠标指到2个iframe中间,可以水平拖,纵向拖(控制高度)缺点:CSDN页面放开鼠标后才改大小,不占CPU资源. 这个是实时改大小,所以速度太慢,希望有人来改改.我是不想弄了,反正又没用什么特别的技术.提示:拖动的秘密就在filter:alpha(opacity=0)这一句 复制代码 代码如下: <html><script language="javas

  • 用javascript动态调整iframe高度的代码

    当你在页面上使用了iframe之后,一般来说会不希望iframe显示难看的滚动条,以使iframe里面的内容和主页面的内容浑然一体.这时候你会设置 scrolling="no" 属性.但是这样一来如果iframe里面的内容是变化的,高度会随之内容的变化而变化的时候,你的iframe就会显得太长导致底下一大片空白,或者正好相反,由于iframe的高度太小导致一部分内容会被挡住.这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度.如果需要调

  • jQuery解决iframe高度自适应代码

    复制代码 代码如下: <script type="text/javascript"> <!-- $(     function()     {                          //iframe高度随内容自动调整         $('.main').load(          function()             {                 $(this).height($(this).contents().find("b

随机推荐