天天看點

ExtJs 4.2.1 點選按鈕彈出表單的視窗

  初學ExtJs,做項目的時候想做一個這樣的效果:點選按鈕彈出對話框,之前一直是使用EasyUi來做的,

EasyUi裡有Dialog,用起來很友善,但是現在轉移到ExtJs上後,發現沒有Dialog這樣的架構,在網上找了沒有找到這樣的

控件,于是搜尋一下關于ExtJs 對話框的實作方法,現在将實作結果貼出來,如果有什麼想法,希望多多留言!

ExtJs 4.2.1 點選按鈕彈出表單的視窗

  

講解:

首先用一個按鈕監聽器,監聽按鈕的動作,當點選按鈕後,先建立一個FormPanel,這個面闆裡建立的是一些基本的控件,這裡就不講了,

然後建立一個視窗,将剛才建立的面闆作為這個視窗的items,這樣一個form表單的視窗就建立好了,接下來就是将它顯示出來,

如上面的代碼win.show(),注意,同時将視窗代碼設定成modal:true,這樣就是一個完整的視窗顯示!

繼續閱讀