Question

asp.net repeater横向绑定的问题！

<ul>
<li><div>...</div><div>...</div><div>...</div><div>...</div></li>
<li><div>...</div><div>...</div><div>...</div><div>...</div></li>

<li><div>...</div><div>...</div><div>...</div><div>...</div></li>

<li><div>...</div><div>...</div><div>...</div><div>...</div></li>

</ul>
格式是这样的，一行显示4个，我可以很方便的用repeater循环输出div块，但li改如何控制？用datalist的话，会变成table，不好用，请有经验的朋友指教一下，万分感谢！

Answer 1

<asp:Repeater ID="repList" runat="server">
<HeaderTemplate>
<table class="list">
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>职位</th>
<th>电邮</th>
<th>操作</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr align="center">
<td class="center"><%# Container.ItemIndex+1 %></td>
<td align="left"><%# Eval("姓名")%></td><%--姓名--%>
<td align="left"><%# Eval("职位")%></td>
<td align="left"><%# Eval("电邮")%></td>
<td align="left">...操作</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody></table>
</FooterTemplate>
</asp:Repeater>

追问

可是只能用ul li来做

Answer 2

<ul style="width:410px">
<li style="width:100px;float:left"></li>
注意宽度，4个li宽度加起来少于ul，5个宽度大于ul，一行就显示4个

追问

谢谢 我理解你的意思 关键是现在li必须每行出现一对 如果只是开头和结尾 还比较好办

追答

repeater有itemCreate 和 itemDataBound事件可用
protected void rpt_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
int index = e.Item.ItemIndex;
LiteralControl div = e.Item.Controls[0] as LiteralControl;
if (index % 4 == 1)
{
div.Text = "" + div.Text;
}
else if (index % 4 == 1)
{
div.Text = div.Text + "";
}
}
}