無廢話ExtJs 入門教程三[窗體:Window組件]


朋友炒股兩個月賺了10萬,我幫他推廣一下公眾號,把錢用來投資總比放銀行連通貨膨脹都跑不過里強硬核離職,在家炒股 ,這是他每天的日志,有些經驗是花錢也買不到的。

1.代碼如下:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <!--ExtJs框架開始-->
 6     <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
 7     <script type="text/javascript" src="/Ext/ext-all.js"></script>
 8     <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" />
 9     <!--ExtJs框架結束-->
10     <script type="text/javascript">
11         Ext.onReady(function () {
12             var win = new Ext.Window({
13                 title: '窗口',
14                 width: 476,
15                 height: 374,
16                 html: '<div>這里是窗體內容</div>',
17                 resizable: true,
18                 modal: true,
19                 closable: true,
20                 maximizable: true,
21                 minimizable: true
22             });
23             win.show();
24         });
25     </script>
26 </head>
27 <body>
28     <!--
29 說明:
30 (1)var win = new Ext.Window({}):創建一個新的Window窗體對象。
31 (2)title: '窗口':窗體的標題。
32 (3)width: 476,height: 374:寬度及高度。
33 (4)html: '<div>這里是窗體內容</div>':窗體內部顯示的html內容。
34 (5)resizable: true:是否可以調整窗體的大小,這里設置為 true35 (6)modal: true:是否為模態窗體[什么是模態窗體?當你打開這個窗體以后,如果不能對其他的窗體進行操作,那么這個窗體就是模態窗體,否則為非模態窗體]。
36 (7)closable:true:是否可以關閉,也可以理解為是否顯示關閉按鈕。
37 (8)maximizable: true:是否可以最大化,也可以理解為是否顯示最大化按鈕。
38 (9)minimizable: true:是否可以最小化,也可以理解為是否顯示最小化按鈕。
39 (10)win.show():窗體展示。
40 -->
41 </body>
42 </html>

2.效果如下:

3.window 組件常用的:屬性、方法及事件

一、屬性
plain:布爾類型,true表示強制與背景色保持協調,默認值為false。
resizable:布爾類型,用戶是否可以調整窗體大小,默認值為true表示可以調整大小。
maxinizable:布爾類型,true表示顯示最大化按鈕,默認值為false。
maximized:布爾類型,true表示顯示窗體時將窗體最大化,默認值為false。
closable:布爾類型,true表示顯示關閉按鈕,默認值為true。
bodyStyle:與邊框的間距,如:bodyStyle:"padding:3px"。
buttonAlign:窗體中button的對齊方式(left、center、right),默認值為right。
closeAction:"close"釋放窗體所占內存,"hide"隱藏窗體,建議使用"hide"。

二、方法
show:打開窗體。
hide:隱藏窗體。
close:關閉窗體。

三、事件
show:打開窗體時觸法。
hide:隱藏窗體時觸法。
close:關閉窗體時觸法。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM