`
julysohu
  • 浏览: 9933 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
文章分类
社区版块
存档分类
最新评论

struts2.1 Tabbedpane

阅读更多

 

struts2.1提供Ajax标签实现各种选项卡效果

按照下面操作进行

1.现在使用的时候首先要导入一个库 :

struts2-dojo-plugin-2.1.6.jar

 

2.在要生成日期控件的页面头部加上:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

 

3.然后在web页面的head标签下面加上<sx:head/>

也可以加上下面两句话

  • <s:head theme="xhtml"/>  
  • <sd:head parseContent="true"/> 

4.实现各种选项卡效果的示例:

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="/struts-dojo-tags" prefix="sx"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>struts2.1选项卡标签Tabbedpanel示例</title>
  <sx:head />
 </head>
 <body>
<!-- tabbedpanel标签 -->
<!-- 最简单的选项卡,两个选项卡加载都是本页面 -->
  <hr color="blue">
  <b>最简单的选项卡:</b>
  <br>
        <sx:tabbedpanel id="tab1">
     <sx:div label="Tab 1" >
         Local Tab 1
     </sx:div>  
     <sx:div label="Tab 2" >
         Local Tab 2
     </sx:div>  
        </sx:tabbedpanel>

<!-- 加载其他页面的选项卡 -->
  <hr color="blue">
  <b>加载其他页面的选项卡:</b>
  <br>
  <sx:tabbedpanel id="tab2">
  <sx:div label="Remote Tab 1" href="upload.jsp">
             Remote Tab 1
        </sx:div>
     <sx:div label="Remote Tab 2" href="multipleUpload.jsp" >
             Remote Tab 1
        </sx:div>
  </sx:tabbedpanel>

<!-- 设置选项卡底下的内容懒加载,即等需要的时候再加载 ,使用属性preload="false"-->
  <hr color="blue">
  <b>设置选项卡底下的内容懒加载,即等需要的时候再加载 ,使用属性preload="false":</b>
  <br>
        <sx:tabbedpanel id="tab3">
     <sx:div label="Remote Tab 1" href="upload.jsp">
         Remote Tab 1
     </sx:div> 
     <sx:div label="Remote Tab 2" href="multipleUpload.jsp" preload="false">
         Remote Tab 1
     </sx:div>     
        </sx:tabbedpanel>

<!-- 固定大小的选项卡 -->
  <hr color="blue">
  <b>固定大小的选项卡,使用属性cssStyle和doLayout:</b>
  <br>
        <sx:tabbedpanel cssStyle="width: 200px; height: 100px;" doLayout="true" id="tab4">
     <sx:div label="Tab 1" >
         Local Tab 1
     </sx:div>  
     <sx:div label="Tab 2" >
         Local Tab 2
     </sx:div>  
        </sx:tabbedpanel>

<!-- 每次点击选项卡时都重新刷新内容 -->
  <hr color="blue">
  <b>每次点击选项卡时都重新刷新内容,使用属性refreshOnShow:</b>
  <br>
  <sx:tabbedpanel id="tab5">
     <sx:div label="Remote Tab 1" href="upload.jsp" refreshOnShow="true">
         Remote Tab 1
     </sx:div> 
     <sx:div label="Remote Tab 2" href="multipleUpload.jsp" refreshOnShow="true">
         Remote Tab 2
     </sx:div>     
  </sx:tabbedpanel>

<!-- 使得其中一个选项卡失效 -->
  <hr color="blue">
  <b>使得其中一个选项卡失效:</b>
  <br>
         <sx:tabbedpanel id="tab6">
    <sx:div label="Tab 1" >
        Local Tab 1
    </sx:div>  
    <sx:div label="Tab 2" disabled="true">
        Local Tab 2
    </sx:div>  
        </sx:tabbedpanel>

<!-- 设置选项卡在底部显示 (可以是: top, right, bottom, left) -->
  <hr color="blue">
  <b>设置选项卡在底部显示 (可以是: top, right, bottom, left):</b>
  <br>
  <sx:tabbedpanel id="tab7" labelposition="bottom" cssStyle="width:200px;height:100px;" doLayout="true">
     <sx:div label="Tab 1" >
         Local Tab 1
     </sx:div>  
     <sx:div label="Tab 2" >
         Local Tab 2
     </sx:div>  
  </sx:tabbedpanel>
<!-- 设置选项卡允许关闭,使用属性closeable -->
  <hr color="blue">
  <b>设置选项卡允许关闭,使用属性closeable:</b>
  <br>       
  <sx:tabbedpanel id="tab8">
     <sx:div label="Tab 1" >
         Local Tab 1
     </sx:div>  
     <sx:div label="Tab 2"  closable="true">
         Local Tab 2
     </sx:div>  
  </sx:tabbedpanel>
  
 </body>
</html>
 
分享到:
评论

相关推荐

    TabbedPane使用实例

    `TabbedPane`使得应用的界面更加清晰、简洁,提高了用户体验。 在"TabbedPane使用实例"中,我们将探讨如何使用`JTabbedPane`来创建一个多标签的用户界面。首先,你需要在MyEclipse这样的集成开发环境中创建一个新的...

    struts jquery

    例如,`&lt;sj:submit&gt;`标签可以实现AJAX提交,`&lt;sj:tabbedPane&gt;`可以创建选项卡式界面等。 总结来说,"struts jquery"组合意味着在Struts 2框架下使用jQuery进行前端开发,通过Struts 2的控制器层和jQuery的客户端...

    struts2标签库

    例如,`&lt;s:tree&gt;`可以创建动态的树状展示,`&lt;s:tabbedPane&gt;`则用于构建多标签页面。 非UI标签则涵盖流程控制标签和数据访问标签。流程控制标签,如`&lt;s:if&gt;`、`&lt;s:elseif&gt;`和`&lt;s:iterator&gt;`,用于实现条件判断和循环...

    LWUIT 开发指南第二章里的 Hello TabbedPane、Hello TextArea、Hello TextField、Hello Calendar、Hello Tickering 源代码

    其中包含五个项目,是博客《解读 LWUIT 之五:LWUIT 控件(下)》中作者写的 Hello TabbedPane、Hello TextArea、Hello TextField、Hello Calendar、Hello Tickering 源代码。博客链接地址:...

    swing自定义JTabbedPane组件外观

    JTabbedPane tabbedPane = new JTabbedPane(); ``` 接下来,我们可以添加面板到`JTabbedPane`中,并设置每个面板的标题: ```java JPanel panel1 = new JPanel(); tabbedPane.addTab("面板1", panel1); JPanel ...

    struts 2标签

    39. `&lt;s:tabbedpane&gt;`:创建选项卡式面板,用于组织多个相关页面。 以上只是Struts2标签库中的一部分,实际上还有更多标签用于表单验证、标签库引用、循环控制等,它们共同构建了一个强大而灵活的视图层表示机制,...

    基于Netbeans-swing可关闭tab选择页

    在Java的Swing库中,创建用户界面时,TabbedPane是一个常见的组件,用于展示多个面板或内容区域。然而,标准的javax.swing.JTabbedPane并没有内置的关闭选项,这使得开发者在需要实现类似浏览器那样的可关闭标签功能...

    java实现tab可关闭(chrome风格)

    1. **创建JTabbedPane实例**:首先在程序中创建一个JTabbedPane对象,例如`JTabbedPane tabbedPane = new JTabbedPane();` 2. **添加面板**:为每个Tab创建一个JPanel实例,然后添加到JTabbedPane中,比如`JPanel ...

    JTab 例子介绍

    JTabbedPane tabbedPane = new JTabbedPane(); ``` 2. **添加组件到选项卡** 使用`addTab`方法可以在`JTabbedPane`上添加新的选项卡,并指定标签和对应的组件。比如,我们有一个`JPanel`想要添加为一个新的选项...

    Jave Swing Tab页签窗体,界面漂亮,毕业设计案例.zip

    在Swing中,TabbedPane组件是用于创建带有多个选项卡的窗体,每个选项卡可以承载一个单独的组件或面板,这样可以在有限的空间内展示多个独立的功能区域,使得应用程序的界面更加整洁且易于导航。 在Java Swing中,...

    Java中JTabbedPane(选项卡)的用法实例

    JTabbedPane tabbedPane = new JTabbedPane(); // 添加选项卡 JPanel panel1 = new JPanel(); panel1.add(new JLabel("这是第一个选项卡的内容")); tabbedPane.addTab("选项卡1", panel1); JPanel panel2 =...

    Jave Swing Tab页签窗体,界面漂亮,毕业设计案例

    首先,要创建一个TabbedPane,我们可以使用`javax.swing.JTabbedPane` 类。这是一个容器组件,可以容纳多个组件(如按钮、文本框、面板等),每个组件对应一个标签页。以下是一个基本的创建TabbedPane的例子: ```...

    java swing JTabbedPane实例

    JTabbedPane tabbedPane = new JTabbedPane(); ``` 默认情况下,它会在顶部显示选项卡,但可以通过`setTabPlacement()`方法改变位置,如: ```java tabbedPane.setTabPlacement(JTabbedPane.LEFT); // 左侧 ...

    JTable(还分页面板示例)

    本示例将深入探讨如何使用`JTable`并结合`TabbedPane`来创建一个分页显示数据的界面。 首先,让我们来看`JTable`的使用。`JTable`是`javax.swing.JTable`类的实例,它是基于模型-视图-控制器(MVC)架构设计的。`...

    TabCtrlDemo

    这个项目不仅提供了对TabbedPane类的基本操作,还深入探讨了其高级特性,如自定义标签、事件处理和动态添加删除标签等。 首先,我们来了解Java Swing中的JTabbedPane类。JTabbedPane是Java AWT/Swing库的一部分,它...

    swing多tab页面板练习

    JTabbedPane tabbedPane = new JTabbedPane(); tabbedPane.addTab("Tab 1", new JPanel()); // 创建第一个Tab,内容是一个空的JPanel tabbedPane.addTab("Tab 2", new JLabel("Hello, Tab 2")); // 创建第二个Tab,...

    oracle ADF Tabbed

    在Oracle ADF中,“tabbed”通常指的是TabbedPane组件,这是一个用户界面元素,允许用户在多个选项卡之间切换,每个选项卡代表一个独立的功能或视图。这种设计模式在现代应用程序中非常常见,因为它可以有效地组织和...

    SuperVCD管理系统java版完整代码带各种注释.docx

    #### 2.1 类定义与属性 ```java public class MainFrame extends JFrame { protected JTabbedPane tabbedPane; // tabbedpane组件 protected MusicPanel musicPanel; // 音乐CD panel } ``` - `tabbedPane`:`...

    JTabbedPaneDemo.rar_Tabú

    JTabbedPane tabbedPane = new JTabbedPane(); ``` 3. **添加面板**: 创建多个`JPanel`对象,代表每个标签页的内容。然后,将这些面板添加到`JTabbedPane`中: ```java JPanel panel1 = new JPanel(); ...

    简单易用的TabSheet类

    tabbedPane.addTab("Tab 1", createContentPanel("Content for Tab 1")); tabbedPane.addTab("Tab 2", createContentPanel("Content for Tab 2")); // 设置默认选中的Tab tabbedPane.setSelectedIndex(0); //...

Global site tag (gtag.js) - Google Analytics