Step1>    打開wSingle1表單，找到DataGrid元件，Columns屬性進來編輯，使用OrderedAmount累計訂單金額欄位做加總，Total屬性下拉選擇Sum。其他還有max(最大值)、min(最小值)。

 

    

 

Step2>    按下確定後，DataGrid上有一個屬性TotalMode，下拉有兩種模式，一種為page，代表只計算目前這一頁的筆數、另一種為all，代表計算所有資料的筆數。這裡使用預設的all即可。

 

 

Step3>    保存後預覽一下：

 

 

 

接著我們來練習如何將Grid上的資料匯出到Excel中。

 

Step1>    DataGrid元件的ToolItems屬性中，新增一個按鈕，Text按鈕文字輸入「Excel」，IconCls按鈕圖式下拉選擇「icon-excel」，onClick呼叫的方法可以直接使用「export」。

 

 

Step2>    按下確定，保存後預覽一下：

 

 

 

Step3>    若不經由DataGrid元件的ToolItems屬性來設定按鈕，也可以從工具箱下面將Export元件拖拉至DataGrid上，會自動將按鈕加至ToolItems屬性中。

 

 

 

最後我們來練習如何將Grid上的資料匯出到PDF中。

 

Step1>    DataGrid元件的ToolItems屬性中，新增一個按鈕，Text按鈕文字輸入「PDF」，IconCls按鈕圖式下拉選擇「icon-pdf」，onClick呼叫的方法可以直接使用「exportPdf」。

 

 

Step2>    按下確定，保存後預覽一下：

 

 

 

Step3>    若不經由DataGrid元件的ToolItems屬性來設定按鈕，也可以從工具箱下面將PDF元件拖拉至DataGrid上，會自動將按鈕加至ToolItems屬性中。