首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >重新排列父中继器中的子中继器

重新排列父中继器中的子中继器
EN

Stack Overflow用户
提问于 2013-05-21 13:37:04
回答 1查看 248关注 0票数 0

我有一组嵌套的中继器,其结构如下:

代码语言:javascript
运行
复制
Repeater A
     Repeater A-1
     Repeater A-2
     Repeater A-3
Repeater B
     Repeater B-1
     Repeater B-2
     Repeater B-3

我想在运行时动态地重新排列父中继器中的子中继器。例如,根据用户配置,我可能希望将Repeater A的子项的顺序更改为2,3,1。我可以选择服务器或客户端解决方案。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-21 13:52:11

我支持客户端的jquery方法。这将避免任何回发,这是如此90年代的日子。如果您能够将中继器内容包装到某种容器元素中,并为它们提供Id属性,则可以编写一个可重用的JQ函数,该函数将为您进行重新排列。

Asp.net代码:(您已经有了类似的代码)

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
<div id="containerA">
   <div id="A1">some text</div>
   <div id="A2">some text</div>
   <div id="A3">some text</div>
</div>

要通过Jquery安排div:

为了避免重复发明轮子,请看一下这些示例,这里有几个有效的示例。选择对你和你的项目最有意义的东西。

Dynamically arranging divs using jQuery

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16662839

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档