（精選文檔）Coolite_Toolkit學習筆記九：表單布局控件FormLayout與FromPanel_第1頁
（精選文檔）Coolite_Toolkit學習筆記九：表單布局控件FormLayout與FromPanel_第2頁
（精選文檔）Coolite_Toolkit學習筆記九：表單布局控件FormLayout與FromPanel_第3頁
（精選文檔）Coolite_Toolkit學習筆記九：表單布局控件FormLayout與FromPanel_第4頁
（精選文檔）Coolite_Toolkit學習筆記九：表單布局控件FormLayout與FromPanel_第5頁
已閱讀5頁，還剩3頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、Coolite Toolkit學習筆記九：表單布局控件FormLayout與FromPanel本系列筆記的前面幾篇分別介紹了Coolite Toolkit的常用控件，從這一篇起將介紹Coolite Toolkit所提供的各種不同的界面布局控件，本篇將要介紹的布局控件是FormLayout和FormPanel，通常使用他們來進行表單界面的布局。FormLayout在我們平時開發中使用頻率非常高，使用它可快速、方便的實現表單界面布局，以及使用一些其他控件自身的特性組合起來實現豐富強大的UI界面。下面通過一個簡單示例來體驗FormLayout的強大功能。Coolite Toolkit規定FromLa

2、yout控件必須放置在一個容器控件里，如上則將其放置在Panel控件里，通過FormLayout布局了一個用戶登錄界面，運行效果如下所示：如上只是實現了最基本的界面布局，而且效果并不是很理想。OK，下面基于這個上面來做一些調整?，F在要實現文本框沒有輸入數據的時候則提示用戶輸入，并為其加上非空驗證，通過AjaxEvents提供表單提交的事件處理函數，通過Listeners提供表單的提交前的客戶端驗證功能。相關代碼如下：仔細看來FormLayout控件使用是非常簡單的，表單里面具體要設計為什么樣子的，最終還得看使用的其他相關控件。在前面提到FormLayout控件需要放置在一個容器內部，其實Coolite Toolkit專們為FromLayout控件提供了一個容器控件FromPanel于之搭配，其使用方法和Panel基本相同，通過FromPanel+FromLayout組合設計出來的UI界面效果更佳。如下郵件發送表單示例：需要注意的就是FormLayout的LabelWidth屬性，很多新手朋友在學習Coolite Toolkit的FromLayout的時候，都遇到字段名和TextBox中間存在很長的距離怎么也調不了，其實這個距離是可以調整的，通過設置LabelWidth屬性值既可

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論