在DATAGRID中使用分类标题

datagrid

  在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下运行。

时间: 2024-07-29 19:28:23

在DATAGRID中使用分类标题的相关文章

列标题不显示-easyUI datagrid里面的列标题在IE浏览器下不显示

问题描述 easyUI datagrid里面的列标题在IE浏览器下不显示 easyUI datagrid里面的列标题在IE浏览器下不显示,在其他浏览器下是正常显示的 1.代码 //数据列表显示 function queryAll(){ $("#tt").datagrid({ title : '图片数据显示列表', url : 'PhotoAction_querylist.action', fitColumns:true, singleSelect:true, //隔行变色 stripe

如何触发datagrid中的dropdownlist的SelectedIndexChanged事件,用VB怎么写代码?谢谢!

问题描述 datagrid中的编辑模板列中有个dropdownlist控件,并且已经绑定了数据,我想选择下拉框中某项数据时,能够触发SelectedIndexChanged事件,请问前台和后台的代码怎么写?谢谢! 解决方案 解决方案二:在GridView的DataBound事件中初始化DropDownList的SelectedIndexChanged事件解决方案三:这个很麻烦的.UP解决方案四:引用1楼showlie的回复: 在GridView的DataBound事件中初始化DropDownLi

发送-datagrid中怎么删除选中的行????

问题描述 datagrid中怎么删除选中的行???? 不管是多选,还是单选,在表格上集成的有增加,删除,修改按钮.我现在想问,当我点击某一行的时候,怎么取出来对应行的各个数据?????因为这个datagrid是个集成的框架,不是自己写的table,对里面的语法,还有数据对象取值不知道怎么用,如果能取出来值,我就可以用Ajax发送到后台进行处理.现在就问你,怎么去table对象,row对象,cell对象,语法是什么????????????????????????????????? 解决方案 htt

easyui datagrid中combobox的问题

问题描述 easyui datagrid中combobox的问题 1C 如下图:这是后台编辑页面,作用为新闻的管理(新闻实体的字段"是否在前台显示"的值只有"是"和"否").我想让"是否在首页显示"这一列下面都有一个combobox,默认值为数据库中真实的值.如果某条新闻的这个字段值为"是",则对应的combobox还有一个值为"否"的option,反之对应的combobox还有一个值为

如何用jquery 将 datagrid中数据导出到excel?

问题描述 如何用jquery 将 datagrid中数据导出到excel? 需要用到些什么插件?有例子更好 谢谢 解决方案 一个插件,将jquery数据生成excel的xml内容的字符串.下面是插件代码 <script> /** Jquery easyui datagrid js导出excel 修改自extgrid导出excel * allows for downloading of grid data (store) directly into excel * Method: extract

求如何得到datagrid中DropDownList的值!代码如下

问题描述 <asp:datagridid="DataGrid1"runat="server"Height="1em"Width="100%"AllowSorting="True"OnPageIndexChanged="DataGrid1_PageIndexChanged"PageSize="25"AllowPaging="True"DataK

帝国cms如何调用栏目别名作为分类标题?[!--classname--]标签不能用

用帝国cms建站安全性和生成速度会比dedecms好些,但ecms有个比较不方便的地方就是后台默认模板栏目那边没有一个seo标题设置的输入框,列表模板用的是[!--pagetitle--]标签,那么分类标题就是栏目名,如果栏目名设置长点在后台看是不是很不美观(如下ytkah做的图所示).那么有没办法调用帝国cms栏目别名作为分类标题呢? 我们可以用灵动标签来实现,将整个title标签换成如下代码 <title>[e:loop={"select bname from phome_ene

JavaScript实现DataGrid中添加CheckBox列

datagrid|javascript (一).功能     1. JavaScript检索CheckBox并实现全选和全消功能          用C#等写的CheckBox需要回发到服务端执行,         而用JavaScript可以在直接客户端实现,效率高些 (二).代码 1. DataGrid中的代码主要片段:   <Columns>    <HeaderTemplate>       //头模板代码    <asp:CheckBox id="chkH

asp.net 中一次性更新DATAGRID中所有记录

asp.net|datagrid|asp.net|datagrid 在asp.net中,如何一次性更新datagrid中的所有记录呢?可以用如下的方法,首先,要对DATAGRID中要更新的列建立模版列,比如:asp:datagrid id="dgPopularFAQs" runat="server"AutoGenerateColumns="False"...> <Columns> <asp:BoundColumn Data