朋友炒股兩個月賺了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:是否可以調整窗體的大小,這里設置為 true。 35 (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:關閉窗體時觸法。