ext框架基礎(chǔ)及核心簡(jiǎn)介-在線(xiàn)瀏覽
2024-10-24 08:06本頁(yè)面
【正文】 rea 區(qū)域文本框 textfield 表單文本框 timefield 時(shí)間錄入項(xiàng) trigger 觸發(fā)錄入項(xiàng) 《 實(shí)用簡(jiǎn)明教程》之組件的使用 組件可以直接通過(guò) new 關(guān)鍵子來(lái)創(chuàng)建，比如控件一個(gè)窗口，使用 new ()，創(chuàng)建一個(gè)表格則使用 new ()。 組件的構(gòu)造函數(shù)中一般都可以包含一個(gè)對(duì)象，這個(gè)對(duì)象包含創(chuàng)建組件所需要的配置屬性及值，組件根據(jù)構(gòu)造函數(shù)中的參數(shù)屬性值來(lái)初始化組件。h1Hello,easyjf open source/h139。 var panel=new (obj)。 /script div id=hello /div 運(yùn)行上面的代碼可以實(shí)現(xiàn)如下圖所示的結(jié)果： 可以省掉變量 obj，直接寫(xiě)成如下的形式： var panel=new ({title:hello,width:300,height:200,html:39。})。 render 方法后面的參數(shù)表示頁(yè)面上的 div 元素 id，也可以直接在參數(shù)中通過(guò) renderTo 參數(shù)來(lái)省略手動(dòng)讞用 render 方法，只需要在構(gòu)造函數(shù)的參數(shù)中添加一個(gè) renderTo 屬性即可，如下： new ({renderTo:hello,title:hello,width:300,height:200,html:39。})。如下面的代碼： var panel=new ({width:300,height:200,items:[ {title:面板 1,height:30},{title:面板 2,height:30},{title:面板 3,height:30}] })。 注意 中括號(hào)中加粗部份的代碼，這些代碼定義了 TabPanel 這個(gè)容器控件中的子元素，這里包括三個(gè)面板。 (hello)。也就是說(shuō)，前者實(shí)現(xiàn)的延遲加載。 比如配置一個(gè)面板： new ({ title:面板 , html面板內(nèi)容 , height:100})。 再比如創(chuàng)建一個(gè) Viewport 及其中的內(nèi)容： new ({ layout:border, items:[ { region:north, title:面板 , html:面板內(nèi)容 , height:100}, { region:center, xtype:grid, title:學(xué)生信息管理 , store:troe, cm:colM, store:store, autoExpandColumn:3 } ] })。學(xué)習(xí)及使用 ExtJS，其中最關(guān)鍵的是掌握 ExtJS 中的各個(gè)組件的配置屬性及具體的含義，這些配置屬性在下載下來(lái)的 ExtJS 源碼文檔中都有詳細(xì)的 說(shuō)明，可以通過(guò)這個(gè)文檔詳細(xì)了解每一個(gè)組件的特性，如下圖所示： 由于所有的組件都繼承自 ，因此 在這里我們列出組件基類(lèi) Component 中的配置屬性簡(jiǎn)單介紹。 applyTo Mixed 混 合參數(shù)，表示把該組件應(yīng)用指定的對(duì)象。當(dāng)使用 applyTo，也可以提供一個(gè) id 或 CSS 的 class 名稱(chēng)，如果子組件允許它將嘗試創(chuàng)建一個(gè)。使用 applyTo 選項(xiàng)后，則不需要再調(diào)用 render()方法來(lái) 渲染組件。 cls String 給組件添加額外的樣式信息，（默認(rèn)值為 39。），如果想自定義組件或它的子組件的樣式，這個(gè)選項(xiàng)是非常有用的。39。 disabledClass String 給 被 禁 用 的 組 件 添 加 額 外 的 CSS 樣 式 信 息 ， （ 默 認(rèn) 為xite
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1