GridView（学习笔记）

GridView的DatasourcelID 和DataSource :

DataSourceID是用于专门搭配ASP.NET 2.0的DataSource 控件

DataSource 是用户绑定数据的，还要声明GridView.DataBind(),不支持分页，排序，更新，删除功能

GridView不可以同时声明上面的两个属性

////////////////////////////////////////////////////////////////////////////////////////////

GridView支持7个字段，如下：

BountField  （数据绑定）

BottonField（按钮字段）

CommandField（命令字段）  slecet edit ,update delete 

CheckBoxField（CheckBox字段）

HyperLinkField（超链接字段） 

TemplateField（模版字段）

ImageField(图像字段）

////////////////////////////////////////////////////////////////////////////////////////////////

用Field结尾的原因是因为这些字段都是由DataControlField派生而来的  故有Field 字眼

////////////////////////////////////////////////////////////////////////////////////////////////

在BoundField 字段的格式化必须将HtmlEncode属性设置为false否则格式化石起不了任何作用的

//////////////////////////////////////

如果在BottonField中要判断引发事件之数据行的索引，用CommandArgument 属性

        protected void GridView4_RowCommand(object sender, GridViewCommandEventArgs e)

        {

                int index = Convert.ToInt16(e.CommandArgument);

                GridViewRow selectrow = GridView4.Rows[index];

                TableCell productname = selectrow.Cells[1];

                switch (e.CommandName)

                {

                        case "Order": lborder.Items.Add(productname.Text);

                                break;

                        case "CancelOrder":

                                if (lborder.Items.Count > 0)

                                {

                                        int i = 0;

                                        while (i <= lborder.Items.Count - 1)

                                        {

                                                if (lborder.Items[i].Text == productname.Text)

                                                {

                                                        lborder.Items.Remove(lborder.Items[i]);

                                                        break;

                                                }

                                                else

                                                {

                                                        i++;

                                                }

                                        }

                                }

                                break;

                }

        }

/////////////////////////////////////////

如果GridView 的数据很多，当网页refresh后，页面常常会回到最端，有什么解决方法呢？

可以设置  ： MaintainScrollPositionOnPostback=true

语法如下：

<%@ Page Language="C#"   MaintainScrollPositionOnPostback=true%>

OK！搞定了！没有问题了

/////////////////////////////////

CheckBoxField 默认情况下CheckBoxField是被Disabled，故呈现是灰色的只读状态，只有在编辑状态下才会变成Enabled,才能被修改

////////////////////////////////////////////////////////////

TemplateField模版字段

当自带的字段无法满足时，就用这个字段

ItemTemplate                     字段项目模版

AlternatingItemTemplate       字段间隔项目模版，若设置这个字段后，奇数行会显示ItemTemplate，偶数行会显示AlternatingItemTemplate   

EditItemTemplate 编辑模式模版 

HeaderTemplate  表头模版

FooterTemplate 表尾模版

/////////////////////////////////////////

GridView 的AJAX 异步Callback功能

只要将GridView的EnableSortingAndPagingCallbacks属性设置为true就可以了，随后，Callback异步功能就会立即产生作用。加了AJAX的Atlas UpdatePanel控件后GridView的异步功能不但支持分页、排序，连编辑删除，选取与更新都是AJAX异步的了！

////////////////////////////////////////////////////////

GridView 结合OnClientClick进行确认操作

OnClientClick="return confirm('确定删除？')"  

注意： onlineclick 只能对Button控件上才有效，

////////////////////////////////////////////

产生“光棒”效果   设置gridview 的onmouseover 事件的变换HighLight颜色效果  ，主要是设置GridView的RowDataBind事件

如：

 protected void gviewEmployees_RowDataBound(object sender, GridViewRowEventArgs e)

    {

            switch (e.Row.RowType)

            {

                    case DataControlRowType.Header:

                            e.Row.BackColor = Color.FromA#990000;

                            e.Row.ForeColor = Color.White;

                            break;

                    case DataControlRowType.DataRow:

                            //建立奇数行与偶数行的onmouseover及onmouseout的颜色变换

                            string rowstate= "this.style.backgroundColor='#C0C0FF';this.style.color='#ffffff'";

                            if (Convert.ToInt16(ViewState["LineNo"]) == 0)

                            {

                                    e.Row.BackColor = Color.FromA#fffbd6;

                                    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFBD6';this.style.color='black'");

                                    e.Row.Attributes.Add("onmouseover", rowstate);

                                    ViewState["LineNo"] = 1;

                            }

                            else

                            {

                                    e.Row.BackColor = Color.White;

                                    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF';this.style.color='black'");

                                    e.Row.Attributes.Add("onmouseover", rowstate);

                                    ViewState["LineNo"] = 0;

                            }

                            break;

            }

    }

////////////////////////////////////////////////////////////////

            codebehind下GridView 的分页排序程序的技巧:

            gviewProducts.AllowPaging = true; //设置分页

gviewProducts.AllowSorting = true; //设置排序

gviewProducts.Font.Size = 12; //设置字号大小

gviewProducts.GridLines = GridLines.Both; //设置网格线

gviewProducts.PageSize = 10;

//非同步Callback模式

gviewProducts.EnableSortingAndPagingCallbacks = true;

//分页位置

gviewProducts.PagerSettings.Position = PagerPosition.TopAndBottom;

//分页对齐

gviewProducts.PagerStyle.HorizontalAlign = HorizontalAlign.Center; 

gviewProducts.HeaderStyle.BackColor = Color.Tan;

gviewProducts.RowStyle.BackColor = Color.LightGoldenrodYellow;

gviewProducts.AlternatingRowStyle.BackColor = Color.PaleGoldenrod;

gviewProducts.HeaderStyle.ForeColor = Color.Black;

gviewProducts.PagerStyle.BackColor = Color.Goldenrod;

/////////////////////////////////////////////////////////

设置选择行背景颜色

gviewEmployees.SelectedRowStyle.BackColor = Color.LightBlue;

////////////////////////////////////////////////////

用DataControlField 来遍历GridView的每一列

foreach (DataControlField field in gviewEmployees.Columns)

{

if (!String.IsNullOrEmpty(field.HeaderText))

{

cbxlistSortColumns.Items.Add(new ListItem(field.HeaderText, i.ToString()));

}

i++;

}

////////////////////////////////////////////////

CommandField selectField = new CommandField();

selectField.ButtonType = ButtonType.Link;

selectField.ShowSelectButton = true; //显示选择按钮

////////////////////////////////

GridView 中删除多重字段组成的唯一识别键值是设置；

string []KeyName={"FristName","LastName"};

GridView.DataKeyName=KeyName;

///////////////////////////////////////////////////

GridView 中的多重表头表尾

//创建表头表尾

protected void gviewEmployee_RowCreated(object sender, GridViewRowEventArgs e)

{

switch (e.Row.RowType)

{

case DataControlRowType.Header:

//第一行表头

TableCellCollection tcHeader = e.Row.Cells;

tcHeader.Clear();

tcHeader.Add(new TableHeaderCell());

tcHeader[0].Attributes.Add("rowspan", "3"); //跨Row

tcHeader[0].Attributes.Add("bgcolor", "LightCyan");

tcHeader[0].Text = "员工项目";

tcHeader.Add(new TableHeaderCell());

tcHeader[1].Attributes.Add("colspan", "6"); //跨Column

tcHeader[1].Text = "员工基本资料</th></tr><tr>";

//第二行表头

tcHeader.Add(new TableHeaderCell());

tcHeader[2].Attributes.Add("bgcolor", "Thistle");

tcHeader[2].Text = "员工ID";

tcHeader.Add(new TableHeaderCell());

tcHeader[3].Attributes.Add("bgcolor", "LightBlue");

tcHeader[3].Attributes.Add("colspan", "2");

tcHeader[3].Text = "员工姓名";

tcHeader.Add(new TableHeaderCell());

tcHeader[4].Attributes.Add("bgcolor", "Thistle");

tcHeader[4].Text = "担任职务";

tcHeader.Add(new TableHeaderCell());

tcHeader[5].Attributes.Add("bgcolor", "LightBlue");

tcHeader[5].Attributes.Add("colspan", "2");

tcHeader[5].Text = "通讯地址</th></tr><tr>";

//第三行表头

tcHeader.Add(new TableHeaderCell());

tcHeader[6].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[6].Text = "员工代号";

tcHeader.Add(new TableHeaderCell());

tcHeader[7].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[7].Text = "名字";

tcHeader.Add(new TableHeaderCell());

tcHeader[8].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[8].Text = "姓氏";

tcHeader.Add(new TableHeaderCell());

tcHeader[9].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[9].Text = "职称";

tcHeader.Add(new TableHeaderCell());

tcHeader[10].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[10].Text = "县市";

tcHeader.Add(new TableHeaderCell());

tcHeader[11].Attributes.Add("bgcolor", "LightSalmon");

tcHeader[11].Text = "地址";

break;

case DataControlRowType.Footer:

//第一行表尾

TableCellCollection tcFooter = e.Row.Cells;

tcFooter.Clear();

tcFooter.Add(new TableHeaderCell());

tcFooter[0].Attributes.Add("bgcolor", "LightBlue");

tcFooter[0].Text = "======";

tcFooter.Add(new TableHeaderCell());

tcFooter[1].Text = "注一";

tcFooter[1].Attributes.Add("bgcolor", "Thistle");

tcFooter.Add(new TableHeaderCell());

tcFooter[2].Attributes.Add("bgcolor", "LightBlue");

tcFooter[2].Text = "注二";

tcFooter.Add(new TableHeaderCell());

tcFooter[3].Attributes.Add("bgcolor", "LightBlue");

tcFooter[3].Text = "注三";

tcFooter.Add(new TableHeaderCell());

tcFooter[4].Attributes.Add("bgcolor", "Thistle");

tcFooter[4].Text = "注四";

tcFooter.Add(new TableHeaderCell());

tcFooter[5].Attributes.Add("bgcolor", "LightBlue");

tcFooter[5].Attributes.Add("colspan", "3");

tcFooter[5].Text = "注五</th></tr><tr>";

//第二行表尾

tcFooter.Add(new TableHeaderCell());

tcFooter[6].Attributes.Add("bgcolor", "Tan");

tcFooter[6].Attributes.Add("colspan", "7");

tcFooter[6].Text = "GridView多重表尾</th></tr><tr>";

break;

}

}

基本上GridView每个GridViewRow 只会有一个<tr></tr>区段

//////////////////////////////////////////////////////////////////////////////

GridView 设置背景图片

//Row创建事件，在此添加表头与表尾背景图片

protected void gviewEmployee_RowCreated(object sender, GridViewRowEventArgs e)

{

switch (e.Row.RowType)

{

//若Row为Header，则在此添加图片

case DataControlRowType.Header:

TableCellCollection tc1 = e.Row.Cells; //取得Row的所有Cells

tc1.Clear(); //清除所有的Cells

//创建TableCell

TableHeaderCell gviewHeader = new TableHeaderCell();

System.Web.UI.WebControls.Image headerImage1 = new System.Web.UI.WebControls.Image();

headerImage1.ImageUrl = "~/Images/HeaderImage.jpg";

gviewHeader.Controls.Add(headerImage1);

tc1.Add(gviewHeader);

tc1[0].Attributes.Add("colspan", "7"); //设置跨行

break;

//若Row为Footer，则在此添加图片

case DataControlRowType.Footer:

TableCellCollection tc2 = e.Row.Cells;

tc2.Clear();

//创建TableCell

TableHeaderCell gviewFooter = new TableHeaderCell();

System.Web.UI.WebControls.Image footerImage2 = new System.Web.UI.WebControls.Image();

footerImage2.ImageUrl = "~/Images/FooterImage.jpg";

gviewFooter.Controls.Add(footerImage2);

tc2.Add(gviewFooter);

tc2[0].Attributes.Add("colspan", "7"); //设置跨行

break;

}

}

////////////////////////////////////////////////////////////////

GridView结束语：

GridView是.NET 里很强大的一个控件，尤其是和二维表的交互方面，做得相当的出色！