`

Ext新手,在js中如何得到Ext tabpanel对象控件

阅读更多
问题描述:  在一个test.jsp 页面中套用Ext 的tabPanel,并设置2个tab页,分别引用两个Struts action.(test1.jsp,test2.jsp),问题是出在test2.jsp中的按钮的js控制上.
          在第2个测试页中有一个button,有相关此button的一个控制js调用,功能是刷新第2个tab页.我在test.jsp中写了一小段js(直接写在test2.jsp中调用不到),想实现刷新,但是总也得不到tabpanel当前的这个对象,更得不到tabitem了,请教高手如何实现.

代码:
    tab.js

var TabsExample = {
var tab=Ext.tab;
    init : function(){
      
        // second tabs built from JS
        var jtabs = new Ext.TabPanel('jtabs');
        var tab1=jtabs.addTab('jtabs-1', "测试页1");
    tab1.setUrl('test1.do?method=edit', null, true);

        var tab2 = jtabs.addTab('jtabs-2', "测试页2");
        var updater = tab2.getUpdateManager();
        updater.setDefaultUrl('test2.do?method=list');
        tab2.on('activate', updater.refresh, updater, true);

        jtabs.activate('jtabs-1');
    }
}
Ext.EventManager.onDocumentReady(TabsExample.init, TabsExample , true);


我写的js调用失败.
<script type="text/javascript">
function refresh(){
    Ext.TabPanel('jtabs').getTab('tabs1-2').refresh;
}
</script>

<table cellpadding="0" cellspacing="0" width="100%" height="80%" border="0">
<tr><td valign="top">
<div id="jtabs" class="xp" style="width:100%" >
</div>
</td></tr>
</table>
</body>



分享到:
评论

相关推荐

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    博文链接:https://jfp.iteye.com/blog/178889

    Ext+JS高级程序设计.rar

    8.2.2 在FormPanel中使用TabPanel 229 8.2.3 DirectLoad与DirectSubmit 232 8.2.4 使用DirectSubmit上传文件 235 8.3 Grid组件 238 8.3.1 一个结合DataWrite和RowEditor的Grid示例 238 8.3.2 在CRUD操作中restful的...

    EXT2.0中文教程

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...

    精通JS脚本之ExtJS框架.part1.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    Ext 开发指南 学习资料

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 A.9. 有关grid的一些小问题 A.9.1. 如何让grid总所有的列都支持排序 A.9.2. 修改一个grid的ColumnModel和Store A.9.3. 动态为ds添加参数baseParams A.10. 有关...

    可以拖拽的页签面板----Ext TabPanel

    EXT的扩展控件,可以实现页签面板的拖动效果

    EXT教程EXT用大量的实例演示Ext实例

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    精通JS脚本之ExtJS框架.part2.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    Ext3.0的个人笔记及例子

    Ext3.0的个人笔记及例子,包括按钮,表单及验证,panel,window,TabPanel,treePanel,formPanel,gridPanel,viewPort等主要控件

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系。 面板由一个工具栏、一个底部工具栏、面板头部、面板...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    基于extjs的.NET3.5控件Coolite 1.0.0.34580 (Preview预览版), *************************************************** * Version 1.0.0 升级日志 * *************************************************** 1. ...

    深入浅出ExtJS第2版

    1.4.2 在项目中使用EXT 3 1.5 为什么页面提示"找不到图片" 3 1.6 辅助开发 4 1.6.1 调试工具Firebug 4 1.6.2 开发利器Spket 7 1.7 本章小结 10 第2章 EXT框架基础 11 2.1 EXT的事件和类 11 2.1.1 自定义...

    ExtJS 2.0实用简明教程

    2)获得ExtJS 3)应用ExtJS 4)布局概述 5)ExtJS版的Hello 6)Ext类库简介 7)Border区域布局 8)ExtJS的组件 9)Column列布局 10)组件的使用 11)Fit布局 12)Form布局 13)组件的配置属性 14)Accordion布局 15)事件处理 16)...

    ExtJs2.0简明教程

    我这是根据别人写的做成PDF文档 第一章 开始ExtJS………………………………………………………………………………………………………4 1.1 获得ExtJS……………………………………………………………………...

Global site tag (gtag.js) - Google Analytics