<sj:tags/> Not working as expected.

[Amarnath Joshi]

Hi,
This Amar once again with the new topic that <sj:tags/> are not working on my page as expected.

<%-- 
    Document   : Accesslist
    Created on : Aug 24, 2012, 12:48:54 PM
    Author     : Nandhini
--%>

<%@taglib prefix="s" uri="/struts-tags" %>  
<%@taglib prefix="sj" uri="/struts-jquery-tags" %> 
<script src="javascripts/app.js?ver=<s:property value="%{applicationVersion}"/>"></script> 
<s:if test="hasActionErrors()">                             
    <s:iterator value="actionErrors">                                      
        <div class="alert-box <s:if test="tabkey=='success'">success</s:if><s:else>error</s:else>">
            <s:if test="tabkey=='success'">
                <script>
                    if (document.getElementById('customerSelect')) {
                        document.getElementById('customerSelect').selectedIndex = 0;
                    }
                </script>

            </s:if>
            <s:property />    
            <a href="" class="close">×</a>
        </div>
    </s:iterator>
</s:if>

   <div id="errormsgdivassociation"></div>
<s:if test="(userform.roleid==1 && userform.customerid==208)">
    <s:form action="association" cssClass="nice customerSelect inline" id="addassociationform">

        <label for="customerSelect">Select Broker Portal Customer:</label>


        <s:select headerValue="Select Customer" headerKey="-1" onchange="selectWidthChange();" 
                  list="%{customerList}" listKey="customerid" listValue="customername"
                  id="wdemapbrokercustomer" name="associationform.brokercustomerid" cssClass="left wdemapbrokercustomer">
        </s:select>   
        <script>
            if ($.browser.msie && $.browser.version < 9) {
                $(".wdemapbrokercustomer").css("width", "auto");
                $(".wdemapbrokercustomer").on('blur', function(e) {
                    $(".wdemapbrokercustomer").css("width", "220");
                });
                $(".wdemapbrokercustomer").on('mousedown', function(e) {
                    $(".wdemapbrokercustomer").css("width", "auto");
                    $(".wdemapbrokercustomer").width(); //IE6 fix. 
                });
                $(".wdemapbrokercustomer").css("width", "220");
            }
        </script>
        <s:hidden name="associationform.wdecustomerid" value="%{customerform.customerid}" /> 
        <s:hidden name="sessionkey" value="%{#session.sessionkey}" />       
        <a href="javascript:void(0);" onclick="$('#association_But').click();
                $('#association').show();"  executeScripts="true" class="left mrgntop"> Add Association</a>
                <sj:submit  id="association_But" value="Add Association" cssStyle="display:block;" onCompleteTopics="/addassociation" targets="errormsgdivassociation"></sj:submit>  
        </s:form>
        <s:url id="amar" value="association.action" >
        
 
           <s:select headerValue="Select Customer" headerKey="-1" onchange="selectWidthChange();" 
                  list="%{customerList}" listKey="customerid" listValue="customername"
                  id="wdemapbrokercustomer" name="associationform.brokercustomerid" cssClass="left wdemapbrokercustomer">
        </s:select>
           <s:param name="associationform.brokercustomerid" value="%{associationform.brokercustomerid}"/>
             <s:param name="associationform.wdecustomerid" value="%{customerform.customerid}" /> 
             <s:param name="sessionkey" value="%{#session.sessionkey}" />
        </s:url>
           <s:param name="amar1" value="association.axtion"/>
           <sj:a href="%{amar}" onCompleteTopics="/addassociation" targets="errormsgdivassociation">Click Me</sj:a>
      
</s:if>
<div class="row">
    <div class="twelve columns">
        <table class="full-width bpCustomers <s:if test="associationlist.size()>1">sortable</s:if>">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Broker Portal Customer</th>
                        <s:if test="(userform.roleid==1 && userform.customerid==208)">
                        <th colspan="2">Actions</th>
                        </s:if>
                </tr>
            </thead>
            <tbody> 
                <s:iterator value="associationlist" status="rowstatus">  
                    <tr>
                        <td><s:property value="brokercustomerid" /></td>
                        <td><s:property value="customername" /></td>
                        <s:if test="(userform.roleid==1 && userform.customerid==208)">
                            <td>
                                <s:url id="removeUrl" action="removeassociation" escapeAmp="true">                                    
                                    <s:param name="associationform.brokercustomerid" value="%{brokercustomerid}" />                                    
                                    <s:param name="sessionkey" value="%{#session.sessionkey}" />                                    
                                    <s:param name="associationform.wdecustomerid" value="%{wdecustomerid}" />
                                </s:url>
           
                                <sj:a href="%{removeUrl}" onCompleteTopics="/addassociation" targets="errormsgdivassociation">Remove Association</sj:a> 

                                </td>
                        </s:if>

                    </tr>
                </s:iterator>   
            </tbody>
        </table> 

        <script>
            $(".alert-box").on("a.close", "click", function(event) {
                
        
         
        event.preventDefault();
                $(this).closest(".alert-box").fadeOut(function(event) {
                    $(this).remove();
                });
            });

            $("#admin .alert-box.success, #account .alert-box.success").fadeOut(4400);
            //Tablesorter
            $(".bpCustomers.sortable").tablesorter({
                sortList: [[0, 0]],
                headers: {
                    2: {
                        sorter: false
                    }
                }
            });
        </script>
    </div>
</div> 

In the above code here <s:form/> is not working <sj:submit/> is also not working as expected.

[J. Kevin Robbins]

We're going to need more details than "not working as expected". What did you expect? Exactly what happens? What does the resulting HTML look like?

Since these are Struts specific custom tags, I'll move this to the Struts forum.