如何动态地在列表视图中添加水平线作为分隔符? [英] How Do I Add Horizontal Line As A Separator In List View Dynamically?
问题描述
我添加了列表视图,点击一个按钮就可以按照我的要求列出数据,但唯一的问题就是列出数据
ex:
empid:01
empname:abc
组织:abcorg
empid:02
empname:xyz
组织:xyzorg
现在我想要的是它们之间的水平线动态,所以输出应该是这样的
empid:01
empname:abc
组织:abcorg
-----------------------------------------
empid:02
empname:xyz
组织:xyzorg
帮助plz。在此先感谢
您需要设置 ItemSeparatorTemplate [ ^ ]
例如,这是一个非常简单的ListView,以表格格式(Column1,Column2,Column3)呈现,项目之间有一条大黑线
<%@ Page 语言 = VB AutoEventWireup =false CodeFile = Default.aspx.vb Inherits = _ Default %>
< !DOCTYPE html PUBLIC - // W3C / / DTD XHTML < span class =code-attribute> 1.0 Transitional // EN http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd\">
< html xmlns = http://www.w3.org/1999/xhtml >
< head runat = server >
< title > ListView中的分隔符< / title >
< style type = text / css >
。 ItemSeparatorStyle
{
background-color : 黑色;
height : 2px;
}
< / < span class =code-leadattribute> style >
< / head & gt;
< body >
< 表格 id = form1 runat = server >
< div >
< ; asp:ListView ID = ListView1 runat = server < span class =code-keyword>>
< LayoutTemplate >
< table id = 表1 runat = server class = TableCSS >
< tr id = Tr1 runat = server class = TableHeader >
< td id = Td1 runat = server > Column1 < / td >
< span class =code-keyword>< td id = Td2 runat = server > Column2 < / td >
< td id = Td4 runat = server > Column2 < / td > ;
< / tr >
< tr id = ItemPlaceholder runat = server >
< / tr >
< tr id = Tr2 runat = server class = TablePager >
< td id = Td3 runat = server colspan = 2 >
< span class =code-keyword>< / td >
< / tr >
< / table >
< / LayoutTemplate >
< ItemTemplate >
< tr >
< < span class =code-leadattribute> td > < asp:标签 runat = server ID = lblCol1 > <% #Eval( Col1)%> < / asp:Label > < / td >
< td > < asp:标签 runat = server ID = lblCol2 > <% #Eval( Col2)%> < / asp:Label > < / td >
< td > < asp:标签 runat = 服务器 ID = LblCol3 > <% #Eval( Col3)%> < / asp:标签 > < / td >
< td > < / td >
< / tr >
< / ItemTemplate >
< ItemSeparatorTemplate >
< td id = Td5 class = ItemSeparatorStyle runat = server colspan = 3 > < / td >
< / ItemSeparatorTemplate >
< / asp :ListView >
< / div >
< / form >
< / body >
< / html >
I have added List view and on click of a button it is listing data as i require but only problem is it is listing data
for ex:
empid :01
empname:abc
organisation:abcorg
empid :02
empname:xyz
organisation:xyzorg
Now what i want is horizontal line between them dynamically, so output should look like this
empid :01
empname:abc
organisation:abcorg
-----------------------------------------
empid :02
empname:xyz
organisation:xyzorg
Help plz. Thanks in advance
You need to set up an ItemSeparatorTemplate[^]
For example here is a very simple ListView, presented in a tabular format (Column1, Column2, Column3) with a large black line between items
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Separator in ListView</title> <style type="text/css"> .ItemSeparatorStyle { background-color:Black; height:2px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ListView ID="ListView1" runat="server"> <LayoutTemplate> <table id="Table1" runat="server" class="TableCSS"> <tr id="Tr1" runat="server" class="TableHeader"> <td id="Td1" runat="server">Column1</td> <td id="Td2" runat="server">Column2</td> <td id="Td4" runat="server">Column2</td> </tr> <tr id="ItemPlaceholder" runat="server"> </tr> <tr id="Tr2" runat="server" class="TablePager"> <td id="Td3" runat="server" colspan="2"> </td> </tr> </table> </LayoutTemplate> <ItemTemplate> <tr> <td><asp:Label runat="server" ID="lblCol1"><%#Eval("Col1") %></asp:Label></td> <td><asp:Label runat="server" ID="lblCol2"><%#Eval("Col2") %></asp:Label></td> <td><asp:Label runat="server" ID="LblCol3"><%#Eval("Col3")%></asp:Label></td> <td></td> </tr> </ItemTemplate> <ItemSeparatorTemplate> <td id="Td5" class="ItemSeparatorStyle" runat="server" colspan="3"></td> </ItemSeparatorTemplate> </asp:ListView> </div> </form> </body> </html>
这篇关于如何动态地在列表视图中添加水平线作为分隔符?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!