第七章 JQuery進階設計第七章 JQuery進階設計\7-3 Grid資料顯示格式設定

7-3 Grid資料顯示格式設定

 

Step1>    打開wSingle1表單,找到DataGrid元件,我們先來設計日期的顯示格式,在LastOrderedDate欄位的Format屬性上,下拉選擇格式yyyy/MM/dd

 

 

保存後預覽一下:

 

 

也可以設置成:yyyy-MM-ddyyyy.MM.ddyyyyMMdd等格式,如果要設置為民國年,改為設定YYY/MM/dd,如下格式顯示:

 

 

Step2>    接著我們來設計貨幣的顯示方式,在DataGrid上找到OrderedAmount欄位,Format屬性設置C2,代表包含$符號並顯示到小數點兩位的格式。若是要顯示一般小數點兩位,設置N2即可。

 

 

保存後預覽一下:

 

 

Step3>    我們還提供一個特殊的功能,就是字串遮罩的功能,可以對資料做訊息隱蔽。在DataGrid上找到CustomerID欄位,Format屬性設置 ??**?? 它的格式?表示需要顯示的字符,*表示隱藏的字符。由此可見此例CustomerID要顯示6碼,前兩碼和後兩碼顯示原來的資料,中間兩碼以*取代。

 

 

保存後預覽一下:

 


 

Top of Page