Question

如何实现一个gridview的特殊布局

Answer 1

一、GridView和DataGrid的异同 GridView 是 DataGrid的后继控件，在 framework 2 中，虽然还存在DataGrid，但是GridView已经走上了历史的前台，取代DataGrid的趋势已是势不可挡。GridView和DataGrid功能相似，都是在web页面中显示数据源中的数据，将数据源中的一行数据，也就是一条记录，显示为在web页面上输出表格中的一行。 GridView相对于DataGrid来说，具有如下优势，功能上更加丰富，因为提供了智能标记面板（也就是show smart tag）更加易用方便,常用的排序、分页、更新、删除等操作可以零代码实现！具有PagerTemplate属性，可以自定义用户导航页面，也就是说分页的控制更加随心所欲。GridView和DataGrid在事件模型上也多有不同之处，DataGrid控件引发的都是单个事件，而GridView控件会引发两个事件，一个在操作前发生，一个在操作后发生，操作前的事件多位***ing事件，操作后的事件多位***ed事件，比如Sorting 事件和sorted 事件，RowDeleting和RowDeleted事件。 二、GridView操作初步 1、显示数据源中的数据 从ToolBox中选取GridView控件拖到页面上，然后点击右键，选择Show Smart Tag,在Choose Data Source中选择 New Data Source, 出现Data Source Configuration Wizard,选择连接字符串，可以选择已经存放在web.config中的ConnectionString ,然后可以选择是使用存储过程，还是从表或视图中选择数据。 在这一步，左侧的Where语句可以指定查询条件，点击Where，出现Add Where Clause ,选择要设定条件的列，操作符是等于还是like还是其它，然后选择Source，也就是说要限定的条件从哪里取值，可以是Control、Session、Form、Cookie、QueryStirng等，如果选择Control，那么需要在右侧，选中是那个控件，然后还可以设定默认值，设定完后系统自动生成Sql 表达式和值的表达式，此时点击Add按钮，完成条件的添加，Where Cluase下出现刚刚添加的条件。如果没有点击Add，很容易设定了条件，但是因为没有添加到Where子句中，所以不起作用。 在这一步，左侧的Order By，可以让我们设定排序列，就是我们取出的记录要按照什么派逊，可以设定三个列，是升序还是降序。 在这一部，左侧的Advanced，可以设定Advanced Sql Generation Options,这里可以生成这个查询的Insert、update、Delete语句，当然，前提是您选择的字段中必须包含了主键。当您想在GridView中不编写任何代码实现对表格的编辑、删除等操作时，就必须在配置数据源时，在这里生成Insert、Update、Delete这些语句。 GridView中编辑删除等操作的零代码，就是根据配置数据源时自动生成的这些语句来完成数据源的更新删除等操作的。 在最后一步，您可以测试一下您刚刚生成的查询是否正确，最后点击完成，数据已经出现在页面上了，按Ctrl+F5运行。 恭喜您！您已经会使用Asp来显示数据库中的数据了。 2、让GridView可以分页 GridView把数据显示出来了，但是那么多条记录罗列到一页上是不合适的，我们应该对数据进行分页。还记得在asp时代，分页是多么的麻烦，需要编写很多的代码，而且各种分页组件也应运而生。而在GridView中，您会发现，分页是如此的简单，只需要您轻点鼠标，在Show Smart Tag中，选中Enable Paging，表格的分页操作变完成了，是不是So Easy呢。 并不是什么数据源都可以让GridView实现自动分页的，比如如果DataSourceMode是DataReader，就无法实现自动分页。而且只有ObjectDataSource是界面级别的支持分页，类似我们常用的SqlDataSource都是先提取所有的记录，然后只显示本页需要显示的记录，然后抛弃其余的记录，都有点浪费资源的啦！ 当GridView的AllowPaging属性设置为True的时候，我们实现了分页，我们还可以对分页进行一些个性化的设置。常用的属性包括：PageIndex――设置数据显示的当前页面，默认是0，也就是数据的首页。PageSize ――也就是一页显示多少条记录，默认为10条。在PagerSettings中，还可以对分页的导航按钮进行详细设置，在Mode属性中，可以设置：Numeric――默认的，分页用数字表示，1，2，3……。NextPrevious、NextPreviousFirstLast、NumericFirstLast均可顾名思义，显示上一页、下一页、首页、末页等。当Mode设定不是Numeric时，那么可以通过设定FirstPageText、LastPageText等属性来实现分页导航时，到首页、末页、下页、上页时显示的文字提示。 如果想实现分页界面的完全自动控制，还可以点击GridView右键，选择编辑模版－PagerTemplate来实现，在模版中加入若干个Button控件，然后将Button控件的CommandName属性设置为Page,将CommandArgument属性分别设置为First、Last、Prev、Next或者一个数字，即可实现分页操作。 3、GridView中的编辑、删除、排序 数据从数据源中提取出现，显示在网页上后，我们如果需要对其中的数据进行编辑、更新、删除等操作，还是不需要编写任何代码，利用GridView内置的功能即可实现。 在智能标记中，点击编辑列，在Avaliable Fields中，选择ComandField，然后双击Edit,update,cancel和Delete，我们就为GridView添加了编辑和删除功能。如果在配置数据源的时候，我们已经生成了Insert、update、delete这些语句，那么我们现在就可以执行程序。点击页面上的Edit，出现Update和Cancel按钮，同时当前行除了主键以外的列，数值都放在了一个文本框中，可以进行编辑，然后点击Update即可保存。点击Delete，删除当前行记录。您是不是已经被GridView强大的功能折服了呢？ 在Show Smart Tag中，选择Enable Sorting，这时所有列的Header都变成了一个超链接，其实这些都是一个LinkButton控件，运行代码，在网页生成的数据表中，点击第一行中的列名，即可按照当前列进行排序，再次点击则反向排序。 如果您只需要对其中的几列进行排序，可以在智能标记中，选择编辑列，选中要排序的列，然后在右侧的属性中找到SortExpression属性，然后从下拉框中选择根据哪个字段排序，一般当然是当前字段咯，完成排序的设置。如果您不需要这一列参与排序，那么只需要把此列的SortExpression属性后面的值删除，也就是说设置成空字符串即可。试一试，是不是排序已经尽在掌握之中了呢？