`
79343654
  • 浏览: 46008 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

Struts2 jQuery 标签页实例,学习笔记

阅读更多

html代码:

 

<%@ page contentType="text/html;charset=UTF-8"%>

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

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<%@ page isELIgnored="false"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- no cache headers -->

<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="no-cache" />

<meta http-equiv="Expires" content="-1" />

<meta http-equiv="Cache-Control" content="no-cache" />

<!-- end no cache headers -->

<sj:head locale="zh-CN" jquerytheme="start" />

<link rel="stylesheet" type="text/css" href="css/form.css" />

<link rel="stylesheet" type="text/css" href="css/style.css" />

<script type="text/javascript">

$(document).ready(function() {

$.subscribe('tabcomplete', function(event,ui) {

if($("#productId").val()){

$('#tabpanel').tabs('enable', 1);

$('#tabpanel').tabs('enable', 2);

}

});

$.subscribe('onchange', function(event,ui) {

var tab = event.originalEvent.ui.index;

if(!$("#selectedTab").val()){

$("#selectedTab").val(tab);

}

});

  });

</script>

</head>

<body style="margin: 10px; padding: 0px; font-size: 11px;">

<%@ include file="../fat.jsp"%>

<input type="hidden" id="productId" name="pId" value="${pId}" />

<input type="hidden" id="pName" name="pName" value="${pName}" />

<input type="hidden" id="selectedTab" name="selectedTab" value="${selectedTab}" />

<s:url id="remoteurl1" action="product!input.action?id=%{pId}&selectedTab=0" />

<s:url id="remoteurl2" action="productBusiness!showList.action?pId=%{pId}&pName=%{pName}&selectedTab=1" />

<s:url id="remoteurl3" action="command!query.action?pId=%{pId}&pName=%{pName}&selectedTab=2" />

<sj:tabbedpanel 

    id="tabpanel" 

    spinner="加载中..." 

    disabledTabs="[1,2]" 

    onCompleteTopics="tabcomplete" 

    onChangeTopics="onchange" 

    selectedTab="%{selectedTab}">

      <sj:tab id="tab1" href="%{remoteurl1}" label="基本信息" />

<sj:tab id="tab2" href="%{remoteurl2}" label="产品构成" />

<sj:tab id="tab3" href="%{remoteurl3}" label="产品指令" />

</sj:tabbedpanel>

</body>

</html>

分享到:
评论

相关推荐

    struts2下jquery-ui的全部实例

    - **Struts2标签与jQuery**:虽然jQuery主要处理DOM操作,但也可以配合Struts2标签一起工作,例如动态生成表单元素并触发jQuery事件。 5. **实例实践**: - **Accordion**:创建一组可折叠的标题和内容区域,展示...

    struts2标签详解与实例

    Struts2标签详解与实例 在Java Web开发中,Struts2框架因其强大的MVC(模型-视图-控制器)架构而备受青睐。Struts2提供了丰富的标签库,简化了视图层的开发,使开发者可以更加专注于业务逻辑。本文将深入探讨Struts...

    Struts2+Jquery+Ajax

    "Struts2"可能是项目实例代码,包括Action类、视图文件(如JSP)、配置文件等,可以用来学习和参考Struts2的实际应用。 总的来说,Struts2+Jquery+Ajax的组合使得开发者能够构建出交互性强、响应速度快的Web应用。...

    struts2 jquery 插件

    struts2的jquery插件, 可使用jquery标签库快速进行前端开发。

    jquery和struts2的整合

    Struts2 jQuery插件提供了方便的标签库,例如`sj:submit`,可以直接发送Ajax请求。 ```html action="yourAction" validate="true" /&gt; &lt;div id="resultDiv"&gt;&lt;/div&gt; ``` **2. 功能实现** - **Ajax请求**:使用...

    Struts2+Jquery+JSON 应用例子

    Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON

    struts2 学习重点笔记

    ### Struts2 学习重点知识点总结 #### 一、Struts2 概念与架构 **1.1 Struts2 简介** - **定义**:Struts2 是 Apache 组织提供的一个基于 MVC 架构模式的开源 Web 应用框架。 - **核心**:Struts2 的核心其实是 ...

    struts2-jquery-plugin-3.1.0.jar

    struts2-jquery-plugin-3.1.0.jar

    struts2四天的学习笔记

    在四天的学习过程中,你应该通过实践和理解这些核心概念,掌握了创建一个基本的Struts2应用的能力。继续深入学习,如整合Spring、Hibernate等其他框架,你将能构建更复杂、更高效的Java web系统。

    struts2学习笔记(完美总结)——转自OPEN经验库

    Struts2提供了一系列自定义的JSP标签,如`s:textfield`、`s:textarea`、`s:submit`等,这些标签简化了视图层的开发,增强了可读性和可维护性。它们与OGNL结合,能够方便地访问ValueStack中的数据。 **六、项目实践*...

    struts2标签库例子

    Struts2 标签库详解 Struts2 提供了一个强大的标签库,用于简化 Web 应用程序的开发过程。这些标签可以分为两类:通用标签和 UI 标签。下面,我们将详细介绍 Struts2 标签库的使用。 4.1 通用标签 通用标签用来...

    Struts2 JQuery同步上传图片

    在本例中,我们将探讨如何结合Struts2和jQuery实现图片的同步上传功能。 首先,让我们分析`upload.jsp`页面。这个页面是用户与应用交互的界面,它包含了一个Struts2的表单(`&lt;s:form&gt;`),用于文件上传。表单的属性...

    Struts2+jquery

    Struts2和jQuery是两种...通过学习"JqueryTest"中的代码,初学者可以掌握如何利用jQuery进行前端交互,同时利用Struts2处理后端逻辑。这将有助于提升开发者的Web开发技能,为构建高效、响应式的Web应用打下坚实的基础。

    struts2 jquery xml

    Struts2 jQuery XML 是一个基于Java的Web开发框架的组合,它将Apache Struts2的MVC架构与jQuery库结合,提供了丰富的用户界面组件和更流畅的AJAX交互。Struts2是一个强大的、灵活的MVC框架,而jQuery则简化了...

    Struts2学习笔记

    根据给定的文件信息,以下是对Struts2学习笔记中涉及的关键知识点的详细解析: ### Struts2框架概览 #### MVC模式的理解与演进 Struts2是基于MVC(Model-View-Controller)模式设计的一种Java Web开发框架。在MVC...

    struts2 jquery插件

    标题:"struts2 jquery插件" 描述:"Struts2-15使用JQuery插件" 在探讨Struts2与jQuery插件的结合时,我们深入分析了如何在Struts2框架中集成并利用jQuery插件来增强Web应用程序的交互性和用户体验。Struts2作为一...

    struts2+jQuery+json 实例

    结合实例,"struts2+jQuery+json 实例"很可能是创建了一个Web应用,用户在前端通过jQuery发送AJAX请求,这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后,会调用相应的Action执行业务...

    Struts2+JQuery+Json实例

    在"Struts2+JQuery+Json实例"中,我们探讨的是如何结合这三个技术来创建动态、响应式的Web应用。以下是这个实例中的关键知识点: 1. **获取JS值**:在JQuery中,我们可以使用`val()`函数来获取表单元素的值,如...

    tag struts2的自定义标签实例

    总结,Struts2的自定义标签实例涉及到以下几个关键步骤:创建标签实现类、定义标签描述符、在JSP中使用标签以及处理标签逻辑。通过这种方式,我们可以构建强大的视图层组件,使代码更易于理解和维护,同时提升应用的...

    Jquery struts2 json 实现ajax

    标题 "Jquery struts2 json 实现ajax" 涉及到的是在Web开发中使用jQuery库与Struts2框架结合处理JSON数据的Ajax技术。这个主题主要关注如何通过前端的jQuery实现异步请求,与后端的Struts2框架进行交互,从而更新...

Global site tag (gtag.js) - Google Analytics