liferay多列布局上的struts2 portlet显示已损坏

时间:2013-02-16 09:35:09

标签: layout struts2 liferay portlet

我有一个struts2 liferay portlet,它工作正常,直到它在一个列布局页面中。 在view.jsp(portlet的第一页)我有一个struts表单,映射到goToPrivilege操作

<s:form id="privilegeForm" action="goToPrivilege" namespace="/view">
struts.xml中的

我使用goToPrivilege重定向到privilegeAction

<action name="goToPrivilege" class="defaultAdmin" method="goToPrivilege">
        <result type="redirectAction">
            <param name="actionName">privilegeAction</param>
            <param name="needAssessmentId">${needAssessmentId}</param>
        </result>
</action>
    <action name="privilegeAction" class="privilegeAction">
        <result>/html/needAssessmentAdmin/privilege.jsp</result>
        <result name="error">/html/needAssessmentAdmin/error.jsp</result>
    </action>

结果是:用户重定向到privilege.jsp页面。它在onecolumn布局中工作正常,但是当我将此portlet放在具有两个列布局和用户提交表单的页面中时,privilege.jsp的内容显示在页面的底部,在portlet区域之外: enter image description here 我该如何解决这个问题,我的portlet就像一个portlet(在门户网站的任何地方使用)。

有关更多信息,请使用liferay 5.2.3 Struts2和Spring

编辑: 在view.jsp我没什么特别的。这只是一种形式。在privilege.jsp中我有一些div不可见(充当jquery popUp)然后是一个带有jquery Gird加载的表

      ...
<portlet:resourceURL var="privilegeurl" >
    <portlet:param name="struts.portlet.action"
        value="/grid/privilegeGrid" />
</portlet:resourceURL>
<portlet:resourceURL var="privilegeediturl">
    <portlet:param name="struts.portlet.action" 
        value="/grid/privilegeEdit"/>
</portlet:resourceURL>
...

         <!-- Add Dialog -->
    <div id="adddialog" title='<%= res.getString("needAssessment.add")%>'>
        <s:form id="addPrivilegeForm">
            <s:hidden id="needAssessmentId" name="needAssessmentId"/>
            <table>
 ...
            </table>
            <s:submit onclick="closeAddDialog();" key="submit" id="submitaddPrivilege" />
        </s:form>
    </div>
    <script type="text/javascript">
...
j.query('#addPrivilegeForm').submit(function(event){
     // fire off the request to actionEditUrl
    j.query.ajax({
        url: "<%=privilegeediturl%>",
        type: "post",
        data: {
            'needAssessmentId':j.query('#needAssessmentId').val(),
            'roleId': j.query('#addRoleId').val(),
            'startDuration': j.query('#addStartDuration').val(),
            'endDuration': j.query('#addEndDuration').val()
        },
        // callback handler that will be called on success
        success: function(response, textStatus, jqXHR){
            j.query('#privilegeGrid').trigger( 'reloadGrid' );
        },
        // callback handler that will be called on error
        error: function(jqXHR, textStatus, errorThrown){
            // log the error to the console
           alert(
                "The following error occured: "+
                textStatus, errorThrown
            );
        }
    });
     // prevent default posting of form
    event.preventDefault();
});
</script>


    <!-- Back Button -->

     <%if(!isPersian){ %>
    <div style="text-align :right;direction: rtl">
    <%}else { %>
    <div style="text-align: left; direction: ltr">
    <%} %>
    <button onclick="goBack();" id="backButton"><%=res.getString("back")%></button>
    <s:form id="backForm" cssStyle="display:none" action="defaultAdminView" namespace="/view">
    </s:form>

    </div>
    <script type="text/javascript">
    function goBack(){
        document.forms["backForm"].submit();
    }
    j.query('#backButton').button();
    </script>

     <%if(isPersian){ %>
    <div style="text-align :right;direction: rtl ">
    <%}else { %>
    <div style="text-align: left;direction: ltr">
    <%} %>
     <button id="addPrivilegeButton"><%=res.getString("needAssessment.add") %></button>
    </div>

    <script type="text/javascript">
    j.query('#addPrivilegeButton').button().click(function(event){
        addPrivilege();
        return false;
    });

    </script> 
    <br/>

    <!-- Privilege grid -->
    <table id="privilegeGrid" style="width: 100%"></table>
    <div id="pager2"></div>

我用ajax加载这个网格

j.query("#privilegeGrid").jqGrid({
        url:'<%=privilegeurl.toString()%>&' + '&needAssessmentId=' + needId ,
        datatype : "json",
        colNames : [ 
                    ...
                   ],
        colModel : [
                    ...
                   ],
        rowNum : 10,
        rowList : [ 10, 20, 30 ],
        pager : '#pager2',
        sortname : 'id',
        viewrecords : true,
        jsonReader : {
            repeatitems : false,
            id : "0"
        },
        height : '100%',
        width : 900,
        caption : '<%=res.getString("privileges")%>',
        ...

    });

 j.query("#privilegeGrid").jqGrid('navGrid', '#pager2', {edit : false,add : false,del : false});

1 个答案:

答案 0 :(得分:1)

你的HTML格式不正确。默认情况下,Struts2使用xhtml主题,这意味着<s:form>标记将为您生成表格。并且您在<table>标记生成的表格中添加了另一个<s:form>标记。