2011年4月10日 星期日

案例一:寄賣管理系統 - UI開發

這篇主要介紹一下在開發時如何實做UI,請先參考一下以下第一張圖片

每一個紅色框起來的部份,都是一個自行開發的WebControl,透過組合這些控制項可以很快的完成一個清單的頁面.

1. 上方Toolbar的功能選項,組合一個DropDownButton與ContextMenu就可以做到,選了按鈕就跳出一個浮動的Panel.


2. 一般來說如果想要顯示查詢的條件,需要自行透過程式取得每一個控制項的值進行顯示,在這個控制項我採用與DataSource控制項同樣的方式,透過設定ControlID與PropertyName,來自動取得要顯示的條件,這樣可以在開發過程中只要透過設定就可以很簡單的使用.


3. 資料分頁也是透過一個控制項與GridView關聯就可以處理分頁的行為


開發控制項本身就有點難度,但其實如果要讓開發過程更順利,更要注意的地方是Design-Time(設計階段)的支援,因此在設計控制項時,一定要考量到控制項的寫法是否符合設計階段的一些規則.

沒有留言:

張貼留言