C#-WebForm-GridView表格展示資料

標籤：ted   and   9.png   資料來源   pre   技術   row   欄位   item   

GrideView　　控制項，功能是將資料庫的資料用表格的形式展示在頁面上

一、<源>代碼中放入 GridView 控制項

開啟<設計>介面

 

二、綁定資料來源

（一）建立 LinQ 類

（二）建立資料來源　　工具箱→資料：LinqDataSource

 （三）綁定資料

（1）配置資料來源

（2）綁定資料

效果：

三、設定樣式屬性

（1）自動套用格式

（2）表格寬度

 

（3）表格屬性

  　　　　

（4）編輯列

四、設定顯示內容

（1）Sex 顯示男女

刪除原有列，在“可用欄位”（模板）中，在BoundField（預設範本）中添加新的Sex模板，並設定其位置

屬性擴充

　　

綁定資料

（2）Nation 屬性擴充

（3）Birthday 顯示　　格式：{0:****} —— “0”代表當前的資料，“****”代表字串格式

（4）在姓名後加“同學”兩個字

 

最終效果：

五、標紅預警：設定資料行建立的時候出發的事件——RowDataBound

每一行的建立都會觸發一次事件，包括表頭和表尾

行綁定資料時觸發事件：

public partial class Default2 : System.Web.UI.Page{    protected void Page_Load(object sender, EventArgs e)    {    }    //行綁定資料時觸發的事件    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)    {        //資料的行對象 綁定到基礎資料對象Users（e 是繫結資料）        Users u = e.Row.DataItem as Users;        //進行判斷是否為空白，因為表頭和表尾是沒有資料繫結的，所以為null，跳過下列事件        if (u != null)        {            //性別為男的行背景色為紅色            if (u.sex == true)            {                e.Row.BackColor = System.Drawing.Color.Red;                e.Row.ForeColor = System.Drawing.Color.White;            }            //民族為N003的背景色為黃色            if(u.nation=="N003")            {                e.Row.BackColor = System.Drawing.Color.Yellow;            }        }    }}

行資料繫結時觸發此事件

效果：

六、資料的增刪改

增加：

用超連結開啟新的網頁

刪除和修改：

　　在資料上選中“啟用刪除”和“啟用更新”

　　GridView 選中“啟用編輯”和“啟用刪除”

　　通過“編輯列”，添加標題並將列放在資料最後

七、點擊“編輯”按鈕開啟編輯頁面，所有的修改項都是text編輯框，如何將性別設定選項按鈕、生日設定為日期選擇、民族為下拉式清單？

（1）將列轉換為自訂模板

（2）編輯自訂模板

　　

 　　

為控制項編輯要綁定的屬性

　　

綁定完資料右鍵結束操作

（4）設定“民族”修改模板　　因為之前綁定的是Users表，選擇需要的是Nation表，所有需要建立資料來源

　　

　　

綁定資料即可

八、如何讓性別顯示男女頭像圖片？

（1）屬性擴充返回圖片路徑

（2）綁定

九、分頁

（1）屬性→分頁

 

C#-WebForm-GridView表格展示資料