亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

學(xué)習(xí)ExtJS Panel常用方法

 更新時間:2009年10月07日 22:43:50   作者:  
ExtJS Panel常用方法,需要的朋友可以參考下。
 一、屬性
frame:布爾類型true 或 false ,為true時表示邊框為圓角且具有背景色,取false則反之。
xtype:在EXTJS的可視化組件部署中的一種機(jī)制,即通過指定xtype的值,來告訴容量如何初始化所包含的級件,如xtype:"textfiled",表示使用Ext.form.TextFile來進(jìn)行初始化當(dāng)前組件。
xtype      Class
-------------  ------------------
box       Ext.BoxComponent
button      Ext.Button
buttongroup   Ext.ButtonGroup
colorpalette   Ext.ColorPalette
component    Ext.Component
container    Ext.Container
cycle      Ext.CycleButton
dataview     Ext.DataView
datepicker    Ext.DatePicker
editor      Ext.Editor
editorgrid    Ext.grid.EditorGridPanel
flash      Ext.FlashComponent
grid       Ext.grid.GridPanel
listview     Ext.ListView
panel      Ext.Panel
progress     Ext.ProgressBar
propertygrid   Ext.grid.PropertyGrid
slider      Ext.Slider
spacer      Ext.Spacer
splitbutton   Ext.SplitButton
tabpanel     Ext.TabPanel
treepanel    Ext.tree.TreePanel
viewport     Ext.ViewPort
window      Ext.Window
Toolbar components
---------------------------------------
paging      Ext.PagingToolbar
toolbar     Ext.Toolbar
tbbutton     Ext.Toolbar.Button    (deprecated; use button)
tbfill      Ext.Toolbar.Fill
tbitem      Ext.Toolbar.Item
tbseparator   Ext.Toolbar.Separator
tbspacer     Ext.Toolbar.Spacer
tbsplit     Ext.Toolbar.SplitButton  (deprecated; use splitbutton)
tbtext      Ext.Toolbar.TextItem
Menu components
---------------------------------------
menu       Ext.menu.Menu
colormenu    Ext.menu.ColorMenu
datemenu     Ext.menu.DateMenu
menubaseitem   Ext.menu.BaseItem
menucheckitem  Ext.menu.CheckItem
menuitem     Ext.menu.Item
menuseparator  Ext.menu.Separator
menutextitem   Ext.menu.TextItem
Form components
---------------------------------------
form       Ext.FormPanel
checkbox     Ext.form.Checkbox
checkboxgroup  Ext.form.CheckboxGroup
combo      Ext.form.ComboBox
datefield    Ext.form.DateField
displayfield   Ext.form.DisplayField
field      Ext.form.Field
fieldset     Ext.form.FieldSet
hidden      Ext.form.Hidden
htmleditor    Ext.form.HtmlEditor
label      Ext.form.Label
numberfield   Ext.form.NumberField
radio      Ext.form.Radio
radiogroup    Ext.form.RadioGroup
textarea     Ext.form.TextArea
textfield    Ext.form.TextField
timefield    Ext.form.TimeField
trigger     Ext.form.TriggerField
Chart components
---------------------------------------
chart      Ext.chart.Chart
barchart     Ext.chart.BarChart
cartesianchart  Ext.chart.CartesianChart
columnchart   Ext.chart.ColumnChart
linechart    Ext.chart.LineChart
piechart     Ext.chart.PieChart
Store xtypes
---------------------------------------
arraystore    Ext.data.ArrayStore
directstore   Ext.data.DirectStore
groupingstore  Ext.data.GroupingStore
jsonstore    Ext.data.JsonStore
simplestore   Ext.data.SimpleStore   (deprecated; use arraystore)
store      Ext.data.Store
xmlstore     Ext.data.XmlStore
defaults:xtypes的默認(rèn)值,如:
 defaults:{xtype:"textfield",width:180},
 items:[{fieldLabel:"帳號"},{fieldLabel:"密碼"}],

二、方法
add(Ext.Component/Object_component):添加一個組件到面板中,運(yùn)行時方法。
addButton( String/Object configFunction handlerObject scope ) :添加一個按鈕到面板中,設(shè)計時方法(對象在未構(gòu)造之前調(diào)用)。
 _panel.addButton({text:"確  定"}); //form按默認(rèn)寬度自適應(yīng)創(chuàng)建
_panel.addButton(new Ext.Button({text:"取消",minWidth:200}));


三、事件
render:當(dāng)前對象被構(gòu)造后觸發(fā)(設(shè)計時事件)。
renderto(構(gòu)造參數(shù)):將當(dāng)前對象所生成的HTML對象存放在指定的對象中(運(yùn)時時事件)。
兩者不能同進(jìn)使用,否則render不起作用。

三、構(gòu)造參數(shù)
items:指定包含在面板中組件的配置數(shù)組如textField。
buttons:指定包含面板中按鈕的配置數(shù)組。
         
四、應(yīng)用舉例    
  Ext.onReady(function(){
        var _panel 
= new Ext.Panel({
                title:
"人員信息",
                frame:
true,
                width:
400,
                height:
300
            }) 
            _panel.addButton({text:
"確定"});
            _panel.addButton(
new Ext.Button({text:"取消",minWidth:200}));
            _panel.render(Ext.getBody());
    }) ;
Ext.onReady(function(){
       var _panel
=new Ext.Panel({
             title:
"登陸",
             renderTo:Ext.getBody(),
             frame:
true,
             width:
560,
             height:
130,
             layout:
"form",
             lableWidth:
45,
             defaults:{xtype:
"textfield",width:180},
             items:[{fieldLabel:
"帳號"},{fieldLabel:"密碼"}],
             buttons:[{text:
"確定"},{text:"取消"}]

             })
    })

相關(guān)文章

  • ExtJS 工具欄 分頁事件參數(shù)

    ExtJS 工具欄 分頁事件參數(shù)

    ExtJS 工具欄 分頁事件參數(shù)使用說明。
    2010-03-03
  • 自定義ExtJS控件之下拉樹和下拉表格附源碼

    自定義ExtJS控件之下拉樹和下拉表格附源碼

    在Ext官方的例子中只有下拉列表控件,但是在實際業(yè)務(wù)中只有下拉列表無法滿足需求的,對于剛使用Ext的人來說,自定義一個控件好難,下面是具體的實現(xiàn)
    2013-10-10
  • Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼

    Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼

    本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串,F(xiàn)irefox與IE均支持,感興趣的朋友可以參考下
    2013-04-04
  • extjs 學(xué)習(xí)筆記(三) 最基本的grid

    extjs 學(xué)習(xí)筆記(三) 最基本的grid

    extjs的一個亮點就是提供了豐富的UI,使得沒有藝術(shù)細(xì)胞的程序員也能做出絢麗的界面。把所有的UI集中到一起,有好處也有壞處,好處是有了統(tǒng)一的風(fēng)格和接口,壞處是js文件過于龐大,使用extjs的最小集合也超過了500k,所以在有些項目中并不適用。
    2009-10-10
  • ExtJS 2.0 GridPanel基本表格簡明教程

    ExtJS 2.0 GridPanel基本表格簡明教程

    ExtJS中的表格功能非常強(qiáng)大,包括了排序、緩存、拖動、隱藏某一列、自動顯示行號、列匯總、單元格編輯等實用功能。
    2010-05-05
  • extjs 學(xué)習(xí)筆記(二) Ext.Element類

    extjs 學(xué)習(xí)筆記(二) Ext.Element類

    上個系列中,我們用到了Ext.fly來獲得一個Element對象,其實Ext.fly是Ext.Element.fly的簡寫形式。類似的方法還有一個Ext.get,是Ext.Element.get的簡寫。這兩個方法都可以用使用Dom元素或者Dom元素的id作為參數(shù)來獲得一個Element對象。
    2009-10-10
  • 使用ExtJS技術(shù)實現(xiàn)的拖動樹結(jié)點

    使用ExtJS技術(shù)實現(xiàn)的拖動樹結(jié)點

    在本文將介紹TreePanel組件非常有意思的一個功能:結(jié)點拖放。要使TreePanel組件的結(jié)點可以拖放非常簡單,只需要將TreePanel類的enableDD選項參數(shù)設(shè)為true即可。當(dāng)然,要想實現(xiàn)更復(fù)雜的功能,還需要配合其他的參數(shù)和事件。
    2010-08-08
  • ANT 壓縮(去掉空格/注釋)JS文件可提高js運(yùn)行速度

    ANT 壓縮(去掉空格/注釋)JS文件可提高js運(yùn)行速度

    在解決這個有很多優(yōu)化方法,今天來說其中一種,那就是在Ant腳本打包的時候,把js中空格、注釋去掉、以及合并,合并今天不說了,還未實現(xiàn)這個,在研究中
    2013-04-04
  • ExtJS4 動態(tài)生成的grid導(dǎo)出為excel示例

    ExtJS4 動態(tài)生成的grid導(dǎo)出為excel示例

    解決了一個表格不能重復(fù)下載的小BUG,一個使用grid初始化發(fā)生的BUG,需要的朋友可以參考下
    2014-05-05
  • Extjs學(xué)習(xí)筆記之九 數(shù)據(jù)模型(上)

    Extjs學(xué)習(xí)筆記之九 數(shù)據(jù)模型(上)

    本文開始進(jìn)入Extjs最核心最優(yōu)秀的部分。
    2010-01-01

最新評論