跟我一起學extjs5(22--模組Form的自訂的設計)，extjs522--

跟我一起學extjs5(22--模組Form的自訂的設計)，extjs522--
跟我一起學extjs5(22--模組Form的自訂的設計)
        前面幾節完成了模組Grid的自訂，模組Form自訂的過程和Grid的過程類似，但是要更複雜一些。先來設計一下要完成的總體目標。        1､可以有多個Form方案，對應於顯示、新增、修改、審核、審批等功能；        2､對於上述各種功能可以選擇不同的Form方案，比如說修改可以有幾個方案，各個操作員可以選擇他們感興趣的Form方案來進行資料的修改。        3､每個Form方案中可以定義若干個欄位分組(FieldSet或FieldContainer)。        4､每個欄位分組中可以放置若干個欄位。        5､每個Form方案可以定義成Tab或者Accordion顯示方式。
        6､可以放置下級模組的Grid在Form中，即master-detail方式。
        具體的內容可以看我以前的部落格：http://blog.csdn.net/jfok/article/details/24472139，下面我貼幾個圖顯示一下自訂產生的form介面，好有個直觀的瞭解。        1、最基本的Form介面，上面只有一個FieldSet,裡面有若干個欄位，還有一些操作按鈕。

        2、由二個FieldSet組成的Form，其中某些可以摺疊。


        3､在Form中加入子模組的Grid。

        4、在Form中加入Tab的樣式。
        5､某些特殊格式的Form表。

        6､一個綜合的比較複雜的例子：這個例子中加入單條記錄的多個子模組，可以協同進行操作。




        上面列出了一些在原來版本已經可以完成的Form類型，以上例子都是完全根據配置資訊由extjs解釋執行而產生的。可以由管理員在系統中直接新增和修改任何的Form項，由此完成了模組Form完全自訂的功能。        在展示的FormField中，除了可以產生字元Field，也可以完成日期、數值、Combo等複雜類型的欄位，只要想得出來的功能，就能夠寫成配置，然後解釋後展示出來。在下面的實現過程中，由於沒有前背景互動，我只會做一個比較簡單的例子來展示如何自訂Form的實現。