2011年8月12日 星期五

ASP.NET UI Sample Demo - 單一資料表維護

接下來我將會用ASP.NET 自訂控制項 - Live Demo中所建立的控制項,開發出一些使用的方式與情境.

[一] 單一資料表維護

瀏覽畫面可以區分為四個區塊
1. 功能列(包含搜尋) {#Expander}
2. 搜尋條件列 {#SearchKeyPanel}
3. 資料顯示區 {#ScrollGridView}
4. 資料分頁資訊與選項 {#GridViewPager}


功能列(包含搜尋)可以進行縮小{#Expander},讓資料可以有更多的顯示範圍


搜尋完成後,搜尋條件列{#SearchKeyPanel}就會顯示輸入的條件或其他參數,可以點選搜尋條件列進行條件的移除或移除所有


搜尋條件上的Parent Category是使用彈出視窗{#DialogBox}的方式來進行選擇


點選新增按鈕或選取其中一筆資料編輯時,會開啟一個網頁內的小視窗{#WindowsPanel}進行資料的新增



上述的範例可以在ASP.NET UI Sample Demo]網址中看到Live Demo.
相關注記的部份{#??????}也可以在[ASP.NET 自訂控制項 - Live Demo]網址中看到.

[ASP.NET UI Sample Demo]
http://www.aspcity.idv.tw/sample.aspx


[ASP.NET 自訂控制項 - Live Demo]
http://www.aspcity.idv.tw/demo.aspx

沒有留言:

張貼留言