问题描述: 在一个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>
分享到:
相关推荐
在本文中,我们将深入探讨ExtJS库中的两个关键组件:TreePanel和TabPanel,并结合实际测试情况来理解它们如何协同工作。ExtJS是一款强大的JavaScript框架,用于构建富客户端应用程序,而TreePanel和TabPanel是其核心...
在ExtJS框架中,`TabPanel`组件是一个非常实用且强大的UI控件,它允许用户在一个界面上组织多个相关的视图或面板,并通过标签页的形式进行切换展示。在版本4.2.1中,`TabPanel`提供了丰富的API和方法来控制其行为,...
在本文中,我们将深入探讨`TreePanel`和`TabPanel`这两个重要的Ext JS组件,并讨论如何将它们结合在一起,以创建功能丰富的用户界面。`TreePanel`用于展示层次结构的数据,而`TabPanel`则提供了多标签页的功能,两者...
通过以上步骤,我们不仅学习了如何在ExtJS 4.2中根据不同数值设置TabPanel中GridPanel行的背景颜色,而且还了解了如何利用CSS和JavaScript结合来实现灵活多变的界面效果。这种方法不仅适用于数值类型的数据,还可以...
在Ext使用过程中,可能遇到各种问题,如Ext的收费问题、API文档的查看、在页面中引用Ext、Ext是中文乱码问题、TabPanel的autoLoad属性使用问题等。这些问题的答案在教程中也有详细解答,帮助开发者克服使用中的难题...
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的...
在Extjs4.2中,tabpanel控件的样式是由CSS样式表控制的。在tabpanel中,每个面板对应一个标签页签,使用户可以在多个面板之间进行切换。当用户点击某个标签页签时,该标签页签将变为当前活动页签,并且其样式将发生...
它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar、StatusBar、Panel、TabPanel、ExplorerBar、MenuBar、PictureBox 等多种控件,并且支持 Ajax 无刷新效果。这些特性使得 ...
在本主题中,我们关注的是"javascript 经典tab控件",这是一种常见的网页组件,用于组织和展示多块内容,让用户能够通过点击不同的标签来切换显示的内容。这种控件在许多网站和应用程序中都有应用,如设置页面、产品...
在EXT_JS开发中,首先要在HTML页面中引入EXT_JS的样式表和JavaScript库文件。通常,这包括`extjs/resources/css/ext-all.css`用于样式,`extjs/adapter/ext/ext-base.js`作为适配器,以及`extjs/ext-all.js`包含EXT...
- **Ext.form概述**:Ext JS中的`Ext.form`模块是用于处理表单元素的强大工具,它提供了各种表单控件(如文本框、下拉列表等),以及验证规则的支持。 - **Ext.TabPanel篇**:`Ext.TabPanel`是一个容器组件,用于...
TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...
### EXT中文手册知识点总结 #### 1. EXT简介与安装 - **EXT**: 一种用于构建Web...以上知识点总结了EXT中文手册中的核心内容,覆盖了从安装到具体使用的各个方面,帮助开发者快速掌握EXT框架的基本用法和高级技巧。
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...
在Ext中,Button不仅可以显示文本,还可以包含图标,支持多种样式和行为配置。 ##### 3. **ColorPalette(颜色调色板)** ColorPalette组件提供了一个颜色选择器,允许用户从预定义的颜色列表中选择颜色。这对于...
在本文中,我们将深入探讨Ext开发,特别是基于Ext 2.3版本的知识点。Ext是一个强大的JavaScript库,主要用于构建富客户端应用程序,它提供了丰富的用户界面组件和数据绑定机制。以下是一些核心概念和使用技巧: 1. ...