GRIDVIEW控制項-實現商品畫面

上課筆記,影片:16GRID_VIEW(時間35分開始)

GRIDVIEW控制項-實現商品畫面
設定:
Grid_View物件操作屬性
1.Columns屬性做以下設定:
新增<ImageField DataImageUrlField="資料庫欄位名稱" DataImageUrlFormatString="實際檔案圖片位子"
2.細節優化:
  (1).在價格欄位上,把數字格式化為貨幣使用DataFormatString="{0:C0}",C0代表不要小數點
  (2).文字說明優化,將文字換行從html格式換成c#的換行格式 html:\r\n --> c# <br/>
   設定:
   切換至設計畫面->在GridView物件選擇「編輯資料行」->選取指定欄位->點選 將欄位轉換為TemplateField
   屬性設定:
   在<ItemTemplate>內設定 Eval("欄位").ToString().Replace("\n","<br/>")
   屬性:Replace("搜尋目標","取代目標")\n為html的換行asp不支援所以要換成br


  (3).GRIDVIEW控制項內設定 GridLines="None" 將格線取消
  (4).新增按鈕ButtonField屬性:"type="button".commandname="名稱"
  (5).GRIDVIEW新增事件屬性 OnRowcommandname=""->與commandname搭配。非常重要
  (6).在GRIDVIEW外層下面 放一個Label 顯示加入購物車的該筆資料。
補充資料:
(1).實務上不太會在後台「刪除」商品,只會隱藏商品不必真的刪除。
(2).只要是「按鈕」就會有commandname屬性,都會呼叫同個OnRowcommandname事件,所以必須下「判斷式」來判斷該按鈕要執行那段程式碼(重要概念)