struts2 with jquery

**amma2009** · 12-17-2009, 03:03 AM

Iam new to struts2 and I was trying to use jquery tabs in my jsp page. The fieldset is not working in my JSP page.....I am using built in jquery theme
any suggessions?

Thanks in advance.

**jogep** · 12-24-2009, 09:44 AM

try the jquery plugin for struts2

code.google.com /p/ struts2-jquery

in the showcase you can find some tabs examples.

Johannes

**mackzayab** · 12-24-2009, 09:49 AM

dont know too...

**jogep** · 12-24-2009, 01:08 PM

its easy.

just download the plugin and put in in your WEB-INF/lib folder

For Local Content:

Java Code:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true"/>
  </head>
  <body>
    <sj:tabbedpanel id="mytabs" animate="true" collapsible="true" useSelectedTabCookie="true">
      <sj:tab id="tab1" target="tone" label="Tab One"/>
      <sj:tab id="tab2"  target="ttwo" label="Tab Two"/>
      <sj:tab id="tab3"  target="tthree" label="Tab Three"/>
      <div id="tone"> Test 1 </div>
      <div id="ttwo"> Test 2 </div>
      <div id="tthree"> Test 3 </div>
    </sj:tabbedpanel>
  </body>
</html>

and for AJAX Content:

Java Code:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true"/>
  </head>
  <body>
    <s:url id="remoteurl1" action="myremoteactionone"/>
    <s:url id="remoteurl2" action="myremoteactiontwo"/>
    <s:url id="remoteurl3" action="myremoteactionthree"/>
    <sj:tabbedpanel id="mytabs2" selectedTab="1">
      <sj:tab id="tab1" href="%{remoteurl1}" label="Tab One"/>
      <sj:tab id="tab2" href="%{remoteurl2}" label="Tab Two"/>
      <sj:tab id="tab3" href="%{remoteurl3}" label="Tab Three"/&>
    </sj:tabbedpanel>
  </body>
</html>

**amma2009** · 12-27-2009, 12:11 AM

Originally Posted by jogep

its easy.

just download the plugin and put in in your WEB-INF/lib folder

For Local Content:

Java Code:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true"/>
  </head>
  <body>
    <sj:tabbedpanel id="mytabs" animate="true" collapsible="true" useSelectedTabCookie="true">
      <sj:tab id="tab1" target="tone" label="Tab One"/>
      <sj:tab id="tab2"  target="ttwo" label="Tab Two"/>
      <sj:tab id="tab3"  target="tthree" label="Tab Three"/>
      <div id="tone"> Test 1 </div>
      <div id="ttwo"> Test 2 </div>
      <div id="tthree"> Test 3 </div>
    </sj:tabbedpanel>
  </body>
</html>

and for AJAX Content:

Java Code:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
  <head>
    <sj:head jqueryui="true"/>
  </head>
  <body>
    <s:url id="remoteurl1" action="myremoteactionone"/>
    <s:url id="remoteurl2" action="myremoteactiontwo"/>
    <s:url id="remoteurl3" action="myremoteactionthree"/>
    <sj:tabbedpanel id="mytabs2" selectedTab="1">
      <sj:tab id="tab1" href="%{remoteurl1}" label="Tab One"/>
      <sj:tab id="tab2" href="%{remoteurl2}" label="Tab Two"/>
      <sj:tab id="tab3" href="%{remoteurl3}" label="Tab Three"/&>
    </sj:tabbedpanel>
  </body>
</html>

Thanks for the reply....If I give the text inside the tabs its working...but when I was trying to use the <fieldset> the total alignment screwed....any idea how to use the <fieldsets>

**jogep** · 12-27-2009, 08:59 PM

Thanks for the reply....If I give the text inside the tabs its working...but when I was trying to use the <fieldset> the total alignment screwed....any idea how to use the <fieldsets>

Without any code it is hard to find the bug. Have you check your HTML Code with an HTML Validator?

Do you have the Error in all Browsers?

**amma2009** · 12-29-2009, 04:56 PM

Hi jogep,

Now my fieldset is working...I am using jquery "cupertino" theme for all the web pages...and its displaying fields with big font with Italicized....how can I go and change the font( I assume its taking default jquery font for text)...any suggestions?

I appreciate your help.

**jogep** · 12-29-2009, 06:08 PM

fine!!

The font settings are in the css files distributed with cupertino theme.
With the jQuery UI Themeroller you can create you own theme with costume Fonts and colors. it is really easy.

**amma2009** · 12-30-2009, 07:22 PM

thank you so much! its working :)

**puneetagarwal2012** · 11-16-2010, 05:47 AM

Prob: I want to send a Ajax request on click on submit button
for Ajax i am using Jquery Struts Plugins
Now the prob is when i try to use
<s:form id="form" action="echo" theme="simple" cssClass="yform">
<fieldset>
<legend>AJAX Form</legend>
<div class="type-text">
<label for="echo">Echo: </label>
<s:textfield id="echo" name="echo" value="Hello World!!!"/>
</div>
<div class="type-button">
<sj:submit disabled="false" targets="formResult" value="AJAX Submit" indicator="indicator"/>
<s:url id="simpleecho" value="/simpleecho.action"/>
<sj:submit href="%{simpleecho}" targets="formResult" value="AJAX Submit 2" indicator="indicator"/>
</div>
</fieldset>
<sj:div name="formResult"></sj:div>
</s:form>

then on ie i m getting the submit button disabled.
I have attached the screen shot with this post
Plz help me on this