2019-03-24 GRIDVIEW控制項-實現商品畫面 4739 0 「ASP.NET後端」 上課筆記,影片: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事件,所以必須下「判斷式」來判斷該按鈕要執行那段程式碼(重要概念) 「ASP.NET後端」 回首頁