學習Extjs4 2 1 簡單視窗

2022-03-07 07:19:29 字數 1547 閱讀 8704

ext中的展現基本都需要視窗的支援,渲染點、技術點比較多,別擔心,慢慢搞定她。這裡先展示乙個簡單的視窗。

一、簡單視窗

1 ext.require(["*"]);

23 ext.onready(function

() ,

19items: [, , , ]

40}]

41});42}

43 btna1.dom.disabled = true;44

if(win1.isvisible()) );

48 } else

);52}53

});54 });

屬性解讀:

title:視窗的標題。

width:視窗寬度。

minwidth:視窗最小寬度。指改變視窗寬度的最小值

layout:視窗的布局(type:'border':東、南、西、北、中的布局方式)

items:視窗中的元素

region:'west'   視窗中的西邊位置

split:true   該配置項應用於布局管理被應用到的子項元素。每個區域的split:true會得到乙個分離器,可以手動的調整容器的大小。除中心區域。

collapsible:true   在分離器上顯示乙個摺疊工具按鈕,可以切換該分離器的摺疊、展開的摺疊標籤面板。

floatable:false   當帶有分離器的面板摺疊的時候,floatable:true,當點選該面板的標題欄時則該面板的內容將浮動在其他面板的上面顯示。floatable:false,只有在點選該面板的摺疊工具按鈕時才將該面板展開。(注:這個配置是唯一有效的摺疊板,直接子專案的邊界布局。)

floatable:true   如下圖:

xtype:tabpanel   建立並使用tabpanel物件的另一種形式。

可以在extapi中找到(位置如下圖所示)

如:

items: [

ext.create('ext.form.field.text', ),

ext.create('ext.form.field.text', ),

ext.create('ext.form.field.number', )

]可以寫成

items: [,,

]

二、可定製標題位置的視窗

將標題欄設定在指定的位置只需要將其中的屬性 headerposition 做指定設定即可。

headerposition: left, right, bottom 三個屬性值

ext.create('ext.window', 

}).show();

ExtJS 4 2 1學習筆記(二) 框架的搭建

廢話不多說了,上篇文章建立了比較基礎的檔案。今天開始搭建大體的框架,由於extjs4在元件建立方面有了很大的改變,所以第一次建立的框架頁面還是費了比較長的時間。本章內容增加了一些及css檔案,目的是為了美化整個介面。增加的css檔案 而頭部 選單 內容區及底部則完全分離成4個js檔案,我們將先實現這...

4 21學習總結

今天學習了有關python的一些相關知識 使用方法 import requests 引入 def download all htmls 設定乙個函式 htmls url f f是為了使字串格式化 print craw html url r requests.get url 得到網頁內容,狀態碼應為2...

extjs學習筆記

1。元件的建構函式中一般都可以包含乙個物件,這個物件包含建立元件所需要的配置屬性及值,元件根據建構函式中的引數屬性值來初始化元件。var obj var panel new ext.panel obj panel.render hello 2。關於render render 方法後面的引數表示頁面上...