第2章EEP2019WEB表單基礎設計(上)第2章EEP2019WEB表單基礎設計(上)\2-5WebGridView的Expression與Total

2-5WebGridViewExpressionTotal

 

 

WebGridView元件,同WindowsInfoDataGridView一樣,提供了兩種常用的計算功能,一種為運算式的欄位計算,另一種是Total加總的顯示。

 

q   增加Expression

 

Step1我們同樣選擇W004做為我們示範這兩個功能的案例,點選wgvDetail(明細檔的WebGridView),設定『ExpressionFieldCount』屬性為【1】,表示WebGridView中要增加一個ExpressionField,這時wdvDetail中會自動新增一個欄位於Columns中。如果要有兩個ExpressionField,則可以設定為2,以此類推。


2-5-1 增加ExpressionField

 

Step2再按一下wgvDetailColumns屬性,設置此ExpressionField的相關屬性。我們將此新增的Column的『Expression』屬性設為【UnitPrice*Quantity】,代表要呈現UnitPrice乘上Quantity的值,將『HeaderText』設定為【Amount】,並上下調整一下位置,使其在單價和數量的後面。

2-5-2 設置ExpressionField其他屬性

Step3W004右鍵選「Build Page」,接著在WebClientMain.aspx InfoLogin.aspxwebClientMain.aspx都可以)按滑鼠右鍵「View in Browser」來瀏覽查看效果。

2-5-3 查看效果

 

q   Total設定

 

Step1同樣用上面的實例,點選wgvDetail,將『TotalActive』屬性設為【True】,表示開啟Total功能。


2-5-4 開啟Total功能

 

Step2在來設定wgvDetailTotalColumns屬性,選擇剛剛增加的ExpressionField,設置『ShowTotal』屬性為【True】,『TotalMode』屬性為【sum】即可。

 


2-5-5 設定TotalColumns屬性

Step3陸續在W004右鍵選「Build Page」,接著在webClientMain.aspxInfoLogin.aspxwebClientMain.aspx都可以)按滑鼠右鍵 View in Browser」來瀏覽查看效果。可以看到在Amount欄位下方出現加總的數值。

2-5-6 查看結果

 

 

 

 

Top of Page