0

「次へ」をクリックするときに jQuery ajax を使用すると、オブジェクトのリスト (オブジェクトのリストを内部に含む) を取得し、それを json に変換せず、他のプラグインも使用しません。

現在、テーブルのみを次の結果セットで更新するインクルード JSP を使用し、既存のテーブル div を新しい JSP に置き換えています。誰かがこれを行うための他の方法を提案できますか?

注文のリストと各注文には複数のアイテムがあります。1行が表す

Order#  --  Order Date -- Item# -- Item Description

                            1   --  Shirt
1       --  05/21/2012 --   2   --  Pant
                            3   --  Brief

上記で説明したように、[次へ] ボタンをクリックして 25 件の注文を表示すると、1 ページあたり 100 件の注文がある場合、次の 25 件の注文のリストが表示され、次の 25 件が表示されます。

4

1 に答える 1

0

.load関数を使用してリストを更新しました。与えられた例と同じように、Json への変換は必要ありません。

アクション クラス

public String 25Orders(){
// get from DB 25 orders
// on Click of next by passing page 2 get next 25 orders
}

public Map<abc, Lis<xyz>> getOrders(){
return objects;
}

.js クラス

$("a[id=pagination]").click(function(event) {
     $("div").load("fulord",{pageStr:this.name});
});

jsp クラス

<div id=OrdersTable>
<s:iterator value="Orders">
   <tr>
     <td><s:property value=key.orderNumber/></td>
     <td><s:property value=key.orderDate/></td>
      <td>
        <table> 
           <s:iterator value=items>
            <tr>
             <td><s:property value=itemNumber/></td>
             <td><s:property value=itemDesc/></td>
            </tr>
           </s:iterator>
         </table>
      </td>
   </tr>
</s:iterator>
</div>

注: ただし、ページに複数の div がある場合、または js で div ID を指定しようとすると、正しく機能しないという問題が 1 つあります。私はそれを解決しようとしていますが、これは私が見つけた解決策です。

于 2012-06-04T00:20:46.967 に答える