0

私はかなり単純なユースケースを持っています。

検索フォームとグリッドがあります

グリッドは、loadSearch.actionにいくつかのデフォルトの結果を表示することを想定しています。

ユーザーが検索フォームにいくつかの条件を入力して送信ボタンを押すと、ajaxの結果を下のグリッドに再ロードする必要があります。

ポストレスポンスで結果を取得していますが、グリッド内に表示できません。

これが私のコードです

    <%@ 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>
4

2 に答える 2

1

単に、AJAX呼び出しが成功した後にのみ公開されるonSuccessTopicsを使用しないでください。Shichは送信ボタンで定義されていません。

このユースケースでは、onClickTopicsを使用します。

于 2013-01-24T08:22:57.630 に答える
1

  1. SJQグリッドにajax呼び出しを行うにset datatype ="local"は、hrefを削除します。

  2. ボタンで、必要なデータを使用して以下の関数を呼び出し、グリッドをリロードします。

    var allParameters = $("#gridId").jqGrid("getGridParam"); 
allParameters .data = myData;
$("#gridId").trigger('reloadGrid');

上記の関数でgridIdはgridtable、あなたの場合です。行を追加する場合は、以下の関数を呼び出すことができます。

 $("#gridId").jqGrid('setGridParam', {
                        data: myData
                    }).trigger("reloadGrid");
于 2015-02-12T16:45:43.660 に答える