0

次のような構造のネストされたリピーターのセットがあります。

Repeater A
     Repeater A-1
     Repeater A-2
     Repeater A-3
Repeater B
     Repeater B-1
     Repeater B-2
     Repeater B-3

実行時に親リピーター内で子リピーターを動的に再配置したいと考えています。たとえば、ユーザー構成に基づいて、リピーター A の子の順序を 2、3、1 に変更したい場合があります。私は、サーバー側またはクライアント側のソリューションに対してオープンです。

4

1 に答える 1

1

私はクライアント側のjqueryアプローチを主張します。これにより、最近では1990年代のポストバックが回避されます。リピーターのコンテンツをある種のコンテナー要素にラップし、それらに Id 属性を提供できる場合は、再配置を行う非常に再利用可能な JQ 関数を作成できます。

Asp.netコード：（すでに似たようなものがあります）

<asp:Repeater DataSource="<%#source%>" runat="server">
  <ItemTemplate>
    <div id="containerA">
      <asp:Repeater DataSource="<%#Container.DataItem%>" runat="server">
        <ItemTemplate>
          <div id="A-<%# Bind("Count") %>"><%#SomeEvaluatedMethod()%></td>
        </ItemTemplate>
      </asp:Repeater>
    </div>
  </ItemTemplate>
</asp:Repeater>

生成された HTML:

<div id="containerA">
   <div id="A1">some text</div>
   <div id="A2">some text</div>
   <div id="A3">some text</div>
</div>

Jquery 経由で div を配置するには:

車輪の再発明を避けるために、これらの例を見てください。ここにはいくつかの実例があります。あなたとあなたのプロジェクトにとって最も意味のあるものを選択してください。

jQuery を使用して div を動的に配置する

于 2013-05-21T05:52:11.103 に答える