前台js tabpanel调用页面并传递参数给其他页面。
第一步,tabpanel js代码如下:
// Tab面板
var tabPanelReserveInfo = new Ext.TabPanel({
renderTo: document.body,
activeTab: 0,
region:"center",
width:600,
height:850,
plain:false,
defaults:{autoScroll: true},
items:[{
title: '仓库部件信息',
autoLoad:{url:'../../../Ui/Warehouse/ReserveInfo/Components.aspx', scripts:true}
},{
title: '耗材工具信息',
autoLoad:{url:'../../../Ui/Warehouse/ReserveInfo/Stuff.aspx', scripts:true,params:{secondLevelStorageId:'0101',thirdLevelStorageId:'010101'}}
//调用函数,scripts:true为了载入Stuff.aspx页面的js代码 params为传递的参数 必须保证Stuff.aspx中不再调用Extjs的基类文件ext-base.js,ext-all.js等,否则界面不显示。
}
]
});
第二步,Stuff.aspx.cs 后台获取参数,并赋值给当前页面中js变量。
string secondLevelStorageId = Request.Params["secondLevelStorageId"].ToString();
string thirdLevelStorageId = Request.Params["thirdLevelStorageId"].ToString();
//赋值给当前页面js中变量,必须在前台js文件中已经声明好的变量
Response.Write("<script> secondLevelStorageId ='"+secondLevelStorageId+"'</script>");
Response.Write("<script> thirdLevelStorageId ='" + thirdLevelStorageId + "'</script>");
也可以在js前台直接调用后台的参数:
<script>
var secondLevelStorageId =<%= secondLevelStorageId %>
</script>
不过这个变量必须在cs文件里面声明为public的
分享到:
相关推荐
使用方法是这样:首先建立一个figure,并在其中加入一个Text控件,需要注意的是这个text控件所在的位置就是将来标签页所在的位置,然后将附件中的tabpanel2.6中的文件放到figure同目录下,然后在命令行输入 ...
treepanel 和 tabpanel 合在一起使用,可直接使用
NULL 博文链接:https://daishuanglong.iteye.com/blog/789697
Extjs4.2 设置tabpanel当前活动页签的样式
ExtJS tabPanel实例ExtJS tabPanel实例
基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...
解决Ext中tabPanel关闭后再次打开的2种方式。详情见文件,很小的txt文本。
html javascritp+css+tabpanel的实现
jquery实现新建TabPanel选卡窗口以及右键菜单功能实例
TabPanel的使用,添加tab,加载页面,添加事件
NULL 博文链接:https://mzl-2011.iteye.com/blog/1058752
必须唯一,或者不设置该参数,否则将无法添加到选项卡组件中,默认自动生成。 title<string> 元素标题 可以动态设置。 closeable<boolean> 是否可关闭 true可关闭,false不可关闭,默认为true。
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...
extjs4.2.1 tabPanel刷新及关闭标签
NULL 博文链接:https://mstr838wind.iteye.com/blog/766860
tapestry4.02中封装ext的TabPanel组件
NULL 博文链接:https://rowen.iteye.com/blog/446163
博文链接:https://jfp.iteye.com/blog/178889
Extjs4.2 根据不同的数值设置tabpanel行的背景颜色