在表单提交时重新加载Struts2 jQuery Grid Ajax数据 [英] Struts2 jquery Grid ajax data reload on form submit
问题描述
我有一个相当简单的用例，
I have a fairly simple use case in which,
我有一个搜索表和一个网格
I have a search form and a Grid
该网格假定在loadSearch.action上显示一些默认结果.
The grid is suppose to show some default results on loadSearch.action.
当用户在搜索表单中输入少量条件并点击提交"按钮时，必须将ajax结果重新加载到下面的网格中.
When the user enters few criteria in search form and hit submit button then ajax results must be reloaded in the grid below.
我通过帖子响应获得结果，但无法在网格内显示它们.
I am getting the results via post response but not able to show them inside grid.
这是我的代码
<%@ taglib prefix="s" uri="/struts-tags"%><%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Search Patient</title>
<sj:head jqueryui="true"/>
</head>
<body>
<s:form id="form" action="search" theme="simple" namespace="/patient/register" cssClass="yform">
<div>
<table>
<tr>
<td>
<s:text name="global.fname"></s:text>
</td>
<td>
<sj:textfield name="firstName"></sj:textfield>
</td>
</tr>
<tr>
<td>
<s:text name="global.lname"></s:text>
</td>
<td>
<sj:textfield name="lastName"></sj:textfield>
</td>
</tr>
</table>
<div>
<sj:a onSuccessTopics="reloadGrid" button="true">Search</sj:a>
</div>
</div>
</s:form>
<div>
<div id="searchResults">
<sjg:grid id="gridtable" caption="Customer Examples"
pager="true" dataType="json" reloadTopics="reloadGrid" formIds="form"
gridModel="patients" rowList="10,15,20" rowNum="15" loadonce="true"
href="%{search}"
rownumbers="true">
<sjg:gridColumn name="userId" index="userID" title="Id"
sortable="true" />
<sjg:gridColumn name="firstName" index="firstName" title="Name"
sortable="true" />
</sjg:grid>
</div>
</div>
</body>
</html>
Xml映射
<action name="loadSearch" class="com.cursive.eclinic.action.PatientAction" method="loadSearch">
<interceptor-ref name="userAgentInterceptor" />
<result name="success">search.jsp</result>
<result name="error">/commons/exception.jsp</result>
</action>
<action name="search" class="com.cursive.eclinic.action.PatientAction" method="search">
<interceptor-ref name="exception"></interceptor-ref>
<interceptor-ref name="prepare"></interceptor-ref>
<interceptor-ref name="modelDriven"></interceptor-ref>
<interceptor-ref name="params"></interceptor-ref>
<interceptor-ref name="userAgentInterceptor" />
<result name="success" type="json">
<param name="includeProperties">
^patients\[\d+\]\.userId,
^patients\[\d+\]\.firstName,
</param>
</result>
</action>
推荐答案
仅使用onSuccessTopics，它们仅在成功进行AJAX调用后才发布.在您的提交"按钮中未定义Shich.
Simply don't use the onSuccessTopics they are only published after an successful AJAX Call. Shich is not defined in your submit Button.
在此用例中使用onClickTopics.
Use the onClickTopics in this use case.
这篇关于在表单提交时重新加载Struts2 jQuery Grid Ajax数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
