[首頁] [教學] [安裝] [開發] [物件] [命名空間] [控制項] [函式] [資料庫] [檔案] [XML] [Office] [網站] [AJAX] [CSS] [問題] [技巧] [樣本] [參考] [示範程式] [待編] [網頁總覽]

如意網站 ASP.NET 教學網 >控制項 >資料控制項 >資料展示 >GridView 控制項 >樣板欄位 >進階

GridView 控制項─樣板欄位(TemplateField)進階

• 項目樣板(ItemTemplate)

  • 變更代碼為原項目名稱，如 "性別"（欄位名稱為 SEX）之 "M"，"F" 變為 "男"，"女" 顯示

    1. 將該欄位轉換為 TemplateField

    2. 編輯該欄位樣板之項目樣板(ItemTemplate)

    3. 編輯標籤項之 "DataBindings..."

    4. 指定自訂繫結，程式碼運算式為 iif(Eval("SEX")="M","男","女")

  • 電子郵件之超連結

    1. 將該欄位轉換為 TemplateField

    2. 編輯該欄位樣板之項目樣板(ItemTemplate)

    3. 刪除原本的 Label 控制項，改用 HyperLink 控制項，並編輯標籤項之 "DataBindings..."

    4. 選擇「可繫結的屬性」Text，將欄位繫結至電子郵件欄位

    5. 選擇「可繫結的屬性」NavigateUrl，指定自訂繫結，程式碼運算式為"mailto:" + Eval("電子郵址")

    

• 編輯項目樣板(EditItemTemplate)

  • 變更編輯時文字盒之長度

    1. 將該欄位轉換為 TemplateField

    2. 編輯該欄位樣板之編輯項目樣板(EditItemTemplate)

    3. 拖曳文字盒或更改屬性width值，以變更其長度

  • 設定編輯時自既定之選項中擇取，如 "性別" 以 "男"，"女" 為選項，但以 "M"，"F" 對應存檔更新

    1. 將該欄位轉換為 TemplateField

    2. 編輯該欄位樣板之編輯項目樣板(EditItemTemplate)

    3. 將原作為編輯用途之文字盒刪除，新增下拉式選項(DropDownList)

    4. 編輯下拉式選項之 "DataBindings..."

    5. 指定欄位繫結，繫結至原欄 "SEX"，並勾選 "雙向資料繫結"

    6. 編輯下拉式選項之 "編輯項目..."

    7. 加入兩項成員：0 - Text:男,  Value:M；1 - Text:女,  Value:F

r李明山 如意網站 ASP.NET 教學網