在asp.net中,datagrid是使用频率比较高的控件,而在日常应用中,如何在datagrid中使用分类标题呢?
什么是分类标题呢?举个例子,我们在使用datagrid时,都以一定的顺序来显示有关的数据,比如在使用ms sql server的northwind数据库时,在product产品表中,每一个产品都是属于一个类别,这些类别在category表中定义。那么我们可以按照category表中类别的顺序,在datagrid中显示每个类别有哪些产品。
从上面的图中,可以看出,在这个datagrid中,蓝色的行标题是一个分类标题,很明显地指出商品所属的类别,分类标题以下的就是该分类下的所有商品了。
好吧,讲了这么多,让我们一步步来开始设计咯。(下面的内容假定各位都初步掌握了vs.net的基本操作,有asp.net和vb.net的初步知识)。
首先,我们建立一个名为subheading的工程,选用vb.net。之后添加一个datagrid,并修改其html代码如下:
<?xml:namespace prefix = asp /><asp:boundcolumn datafield="unitsinstock" headertext="stock level"></asp:boundcolumn>
目的是在datagrid中设置绑定的几列,注意,要把datagrid中autogeneratecolumns 属性设置为 false.之后,我们因为一阵要写itemdatabound事件,所以继续编辑代码如下:
forecolor="black" backcolor="white" cellpadding="3"
gridlines="none" cellspacing="1"
onitemdatabound="datagrid1_itemdatabound">
之后我们再看下如何写逻辑部分的代码。其实做分类标题的过程很简单,过程为:
用sql语句从数据库读取product表的数据,之后放到dataset的默认datatable中去,
然后检查每一个产品所属的类别,如果发现某一个产品的类别和前一条记录中产品所属的类别不一样的话,那么就可以肯定当前产品是属于一个新的分类了,就可以插入新的行,并且加以修饰,成为分类标题。
下面先看page_load()的代码:
private sub page_load(byval sender as system.object, byvale as system.eventargs)
handles mybase.load
dim connectionstring as string
connectionstring = "server=localhost;database=northwind;uid=sa"
dim commandtext as string = "select categoryname, productname, " & _
"cast(unitprice as varchar(50)) as unitprice, unitsinstock " & _
"from products " & _
" inner join categories on " & _
" products.categoryid = categories.categoryid " & _
"order by products.categoryid"
dim myconnection as new sqlconnection(connectionstring)
dim mycommand as new sqldataadapter(commandtext, myconnection)
dim ds as new dataset()
mycommand.fill(ds)
dim curcat as string ‘指示当前记录中产品所属的类别
dim prevcat as string ‘指示上一条记录中产品所属的类别
dim row as tablerow ‘要插入分类标题的行
dim i as integer = 0 ‘要插入分类标题行的位置,用i表示
'遍历结果集,找出要插入分类标题的行
do while i <= ds.tables(0).rows.count - 1
curcat = ds.tables(0).rows(i).item("categoryname")
if curcat <> prevcat then
‘如果发现前后两记录的所属类别不一样
prevcat = curcat
dim shrow as datarow = ds.tables(0).newrow
shrow("productname") = ds.tables(0).rows(i).item(0)
‘修改行的标题为分类标题名
shrow("unitprice") = "subhead" ‘设置一个临时的标记
ds.tables(0).rows.insertat(shrow, i) ‘插入新的分类标题行
i += 1
end if
i += 1
loop
datagrid1.datasource = ds
datagrid1.databind()
end sub
在上面的page_load事件中,首先是用sql语句,对product表和category表进行连接,得出的结果集是在category表中每个类别的所有产品,之后对结果集进行遍历,然后检查每一个产品所属的类别,如果发现某一个产品的类别和前一条记录中产品所属的类别不一样的话,那么就可以肯定当前产品是属于一个新的分类了,就可以插入新的行做为分类标题行,而在新插入的行中,我们写了一句 shrow("unitprice") = "subhead",这是为什么呢?
这其实只是一个临时的标记而已,因为新插入的分类标题行是和普通的行不同的,我们要设置其样式,于是在其item_bound事件中,代码如下:
private sub datagrid1_itemdatabound(sender as object, e as datagriditemeventargs)
select case e.item.itemtype
case listitemtype.alternatingitem, listitemtype.item
’如果发现是分类标题行的话,则对其进行格式化
if e.item.cells(1).text.equals("subhead") then
’设置列宽
'set the cell to a colspan of 3
e.item.cells(0).columnspan = 3
‘合拼为一个新的分类标题行,移除其中的单元格
e.item.cells.removeat(2)
e.item.cells.removeat(1)
e.item.cells(0).attributes.add("align", "left")
e.item.cells(0).font.bold = true
e.item.backcolor = color.fromargb(204,204,255)
end if
end select
end sub
最后,别忘记了imports system.data.sqlclient。
本程序在win2000 server+vs.net 2002下通过,也可以在vs.net 2003下运行。
新闻热点
疑难解答