【问题标题】:how can I render a div having two Inner div's using DataGrid or repeater?如何使用 DataGrid 或中继器渲染具有两个内部 div 的 div?
【发布时间】:2012-12-26 11:12:33
【问题描述】:

我想使用 asp.net 渲染下面的结构,如何使用任何绑定控件(如 datagrid 或中继器)来实现?

数据

Inner content
Inner content1
Inner content2
Inner content3

所需结构

  <div class="row">
        <div class="span6">Innner content</div>
        <div class="span6">Innner content1</div>
    </div>
    <div class="row">
        <div class="span6">Innner content2</div>
        <div class="span6">Innner content3</div>
    </div>

我在这里得到了答案

Bind 5 items in each row of repeater

【问题讨论】:

  • 使用中继器 - 重复你的模式

标签: asp.net


【解决方案1】:

只用一个普通的asp:Repeater:

<asp:Repeater ID="uiRows" runar="server">
    <ItemTemplate>
        <div class="row">
            <div class="span6">Innner content</div>
            <div class="span6">Innner content</div>
        </div>
    </ItemTemplate>
</asp:Repeater>

并在代码隐藏中使用您的动态数据填充它:

protected override void OnLoad(EventArgs e)
{
    uiRows.DataSource = ... // you data here
    uiRows.DataBind();
}

【讨论】:

  • 每个span6的内容都不一样。所以每个具有类行的 div 将有两个具有类 span6 不同内容的 div。
  • 内容会因数据而异
  • 好的,你用&lt;%# ((MyType) Container.DataItem).MyProp %&gt;语法够了吗?
猜你喜欢
  • 2022-01-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-16
  • 1970-01-01
  • 1970-01-01
  • 2013-09-17
相关资源
最近更新 更多