（DevExpress2011控件教程）ASPxGridView 范例4 ：ASPxGridView 行选择、多表头设计、数据导出、主表细表等功能实现...

5、 行选择

将Enable Selected属性设置打钩 AspxGridView 行前面多了一个选择列.拖4个按钮在页面上，并为每个按钮设置事件

全选

< dx:ASPxButton  ID ="ASPxBtnSelectAll"  runat ="server"  Text ="全选"

                    AutoPostBack ="False"  UseSubmitBehavior ="False" >

                     < ClientSideEvents  Click ="function(s, e) {

         AspxGridView.SelectRows();

}"   />

                 </ dx:ASPxButton >

全部不选择

< dx:ASPxButton  ID ="ASPxBtnUnSelectAll"  runat ="server"  Text ="全不选"

                    AutoPostBack ="False"  UseSubmitBehavior ="False" >

                     < ClientSideEvents  Click ="function(s, e) {

         AspxGridView.UnselectRows();

}"   />

                 </ dx:ASPxButton >

 

本页全选

< dx:ASPxButton  ID ="ASPxButton1"  runat ="server"  AutoPostBack ="False"  Text ="本页全选"

                    UseSubmitBehavior ="False" >

                     < ClientSideEvents  Click ="function(s, e) {

         AspxGridView.SelectAllRowsOnPage()

}"   />

                 </ dx:ASPxButton >

 本页全不选

< dx:ASPxButton  ID ="ASPxButton2"  runat ="server"  AutoPostBack ="False"

                    Text ="本页全不选"  UseSubmitBehavior ="False" >

                     < ClientSideEvents  Click ="function(s, e) {

         AspxGridView.UnselectAllRowsOnPage()

}"   />

                 </ dx:ASPxButton >

获取所选择行的值

List < object >  keyValues  =  ASPxGridView1.GetSelectedFieldValues( " ID " );

    StringBuilder sb  =   new  StringBuilder(keyValues[ 0 ].ToString());

     foreach  ( object  key  in  keyValues) {

         string  ID  =   new  Parameter( " ID " , TypeCode.Int32,key.ToString());

}

 

6、 多表头设计

对于国内很多公司而言，一般都需要一个多表头的表格。

必须要把虚拟的列设置为一种特别的列类型-GridViewBankColumn. 联合列是一个不同类型的列，它只表述而不直接表述数据的值，但是包括其他子列的集合。

6.1 新建一个Bank列，并将Caption设置表头

6.2 将需要合并的列拖入 bank 列里。

 

运行效果

 

 

7、 Grid Rows

7.1 交替色

为了增加可读行，你可以加亮不同行不同的样式。首先设置 Styles.AlternatiingRow.Enabled 属性为true. 同时设置styles.AlternatingRow的BackColor等其他属性。

7.2 网格行的网络线设置

   ASPxGridView Settings ->GridLines =Both

7.3 焦点行

 默认情况下，焦点行的特性是取消的。 为了启用它，应该将 SettingsBehavior.AllowFocusedRow 设置为True 

8、 数据分页和滚动

8.1ASpxGridView允许横或者竖的滚动条在小的网格控件展示数据

 

默认的情况下，网格的高度是定义每页多少条记录，控制于SettingsPager.PageSize属性

Settings->ShowVertivalScrollBar 属性为true verticalScrollbaleHeight 设置它的高度

Settings->ShowHorizontalScrllBar 属性为true

 

8.2 冻结列

列属性中选择 FixedStyle =left

9、 数据导出

9.1  全部导出

protected   void  btnPdfExport_Click( object  sender, EventArgs e) {
        gridExport.WritePdfToResponse();
    }
     protected   void  btnXlsExport_Click( object  sender, EventArgs e) {
        gridExport.WriteXlsToResponse();
    }
     protected   void  btnXlsxExport_Click( object  sender, EventArgs e) {
        gridExport.WriteXlsxToResponse();
    }
     protected   void  btnRtfExport_Click( object  sender, EventArgs e) {
        gridExport.WriteRtfToResponse();
    }
     protected   void  btnCsvExport_Click( object  sender, EventArgs e) {
        gridExport.WriteCsvToResponse();
    }

 

部分导出

ASPxGridViewExporter’s ExportedRowType 属性设置为Selected

4、 ASPxGridView支持复杂的主表—细表结构

10.1 创建2个ASPxGridView控件。

     绑定第一个AspxGridView控件，设置SettingsDetail.ShowDetailRow 为true.   编辑模板 选择DetailRow ,然后将第二个AspxGridView拖入模板内。见下图:

 

 

 

在页面源里ASPxGridView2添加OnBeforePerformDataSelect事件

< dx:ASPxGridView  ID ="ASPxGridView2"  runat ="server"  AutoGenerateColumns ="False"
   DataSourceID ="SqlDataSource2"  KeyFieldName ="OID"  OnBeforePerformDataSelect  ="detailGrid_DataSelect"   >

 

Cs代码里填上

protected   void  detailGrid_DataSelect( object  sender, EventArgs e)

{
   Session[ " OID " ]  =  (sender  as  ASPxGridView).GetMasterRowKeyValue();

 }

 在sqldatasource2中设置为

< asp:SqlDataSource  ID ="SqlDataSource2"  runat ="server"

        ConnectionString ="<%$ ConnectionStrings:Connection String %>"
        SelectCommand ="SELECT * FROM [com_Dpt1] WHERE OID = @OID" >
         < SelectParameters >
   < asp:SessionParameter  Name ="OID"  SessionField ="OID"  Type ="Int32"   />
         </ SelectParameters >
     </ asp:SqlDataSource >

运行程序。。得到如下结果

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/xiaofengfeng/archive/2012/09/07/2675149.html