GridView的介紹

? ?應用：

?????? 使用GridView來顯示數據庫中表的數據，如圖：有一個T_User表

??????

?????? 用GridView顯示的效果是：（其實和數據庫中的顯示效果是一樣一樣的。）

??????

?????? 當然還可以在此基礎上進行修改。如啟用編輯、刪除、修改等功能。我不顯示User_Id字段了等都是可以的。

　　

? ? ??操作過程：

方法1：在【服務器資源管理器】中添加上數據庫的連接，找到要顯示的表，將要顯示的字段選中，直接拖動到頁面就可以了。（微軟nm就是智能），這個應用在測試過程中，很是實用。但在正規的項目中并不推薦。

方法2：當然你也可以先拖動一個GridView，然后再拖動一個SqlDataSource，效果都是一樣一樣的。

方法3：更過通常的做法，我們是GridView+ObjectDataSource+DataSet來實現這個功能（推薦）。

? ? ?更改表頭成漢字

在【源】中打到HeaderText，修改即可：

?

你還可以設置DataFormatString="{0:C2}"來將數字以美元形式來顯示

? ??給每一行添加一個按鈕，當點擊的時候，將所在的Id添加到一個ListBox列表中

在GridView的Columns中添加

<asp:ButtonField ButtonType="Button" Text="添加" CommandName="add" /><asp:ButtonField ButtonType="Button" Text="取消" CommandName="cancel" />

這樣就添加了兩個按鈕，這里的CommandName的值自己隨便起。

?????? 然后在GirdView的RowCommand事件中添加如下代碼：

protected void GridView2_RowCommand(object sender, GridViewCommandEventArgs e){int index = Convert.ToInt32(e.CommandArgument);string id = GridView2.Rows[index].Cells[0].Text;if (e.CommandName == "add"){listBoxMsg.Items.Add(id);}else if (e.CommandName == "cancel"){while (listBoxMsg.Items.Contains(new ListItem(id))){listBoxMsg.Items.RemoveAt(listBoxMsg.Items.IndexOf(new ListItem(id)));}}else{return;} }

?

? ??添加一個字段，明細字段，當點擊的時候，就轉到了另一個頁面，并把Id傳過去

在GridView的Columns中添加

<asp:HyperLinkField DataTextField="User_Name" DataTextFormatString="查看{0}明細"DataNavigateUrlFields="User_Id" DataNavigateUrlFormatString="Details.aspx?id={0}" />

? ??我想讓Id字段以按鈕的形式顯示，這就用到了自定義模板（這個就很像ListView控件了）

把原來的User_Id的BoundField去掉

<asp:TemplateField HeaderText="User_Id" InsertVisible="False" SortExpression="User_Id"><EditItemTemplate><asp:Label ID="Label1" runat="server" Text='<%# Bind("User_Id") %>'></asp:Label></EditItemTemplate><ItemTemplate><asp:Button ID="Button1" runat="server" Text='<%# Bind("User_Id") %>' /></ItemTemplate></asp:TemplateField>

? ?我想實現高亮顯示，鼠標放在哪一行，哪一行高亮顯示

添加

<RowStyle CssClass="shenRow" />

這個與Columns同級，剩下的就是js與css的知識了。

<style type="text/css">.light{background-color:Yellow;}</style><script src="../Styles/jquery-1.4.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$(".shenRow").mouseenter(function () {$(this).addClass("light");}).mouseleave(function () {$(this).removeClass("light");});});</script>

?

?

?

轉載于:https://www.cnblogs.com/dianyitongxiao/archive/2013/06/08/3127215.html

總結

以上是生活随笔為你收集整理的GridView的 使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。