ExtJs FormPanel 表單布局

2021-06-05 17:16:18 字數 1164 閱讀 5163

formpanel有兩種布局:form和column,form是縱向布局,column為橫向布局。預設為後者。使用layout屬性定義布局型別。對於乙個複雜的布局表單,最重要的是正確分割,分割結果直接決定布局能否順利實現。

如果不再使用預設布局,那麼我們必須為每乙個元素指定一種布局方式,另外,還必須遵循以下幾點:

落實到任何乙個表單元件後,最後總是form布局

defaulttype屬性不一定起作用,必須顯式為每乙個表單元件指定xtype或new出新物件

在column布局中,通過columnwidth可以指定列所佔寬度的百分比,如佔50%寬度為.5。

剖析出一

個合理的結構,像下面

這樣

我們發現,布局其實是由行和列元件成,分成由左往右和由上往下兩個方向,由左往右

叫column,由上往下叫form。

整個大的表單是form布局,從上往下放置了五個小布局,在這裡我以行n標記,我們

以行1為例進行分析。行1從左往右有三個表單元件,所以是column布局,行1我們用結

構這樣定義:

,{},{}] //items表示指定布局內的表單元件集合,在此有三個 }

行1內其實還有三個form布局,因為每個布局中只有乙個表單元件,所以看起來並不

那麼明顯,我們完全可以放置多個表單元件到布局中。每乙個布局使用下面的結構定義:

] //只有乙個表單元件 }

上面的兩個結構最終要組裝到一起:

] },]

},]

}] }

實現上面的完整**是:

ext.onready(function() ]

}, ]

}, ]

}]}, ]

}, ]

}]}, , ]

}, ]

}, ]

}, ]

}, ]

}]}, ]

}],buttonalign : "center",

buttons : [, ]

});});

MySql 表 建立表 刪除表 修改表

一 建立表 建立表語法 create table table name field1 datatype,field2 datatype,field3 datatype character set 字符集 collate 校驗規則 engine 儲存引擎 預設儲存引擎 mysql create tab...

Hash表(雜湊表 雜湊表)

雜湊函式 乙個把查詢表中的關鍵字對映成該關鍵字對應的位址的函式,記為hash key addr。位址可以是陣列下標,索引,或記憶體位址等 衝突 雜湊函式可能會把兩個和兩個以上的不同關鍵字對映到同一位址。衝突不可避免,所以要設計好的處理衝突的方法。同義詞 發生碰撞的不同關鍵字為同義詞。雜湊表 根據關鍵...

oracle 建立表,刪除表,修改表,查詢表

1,獲取當前使用者下的所有表資訊 select from user tables 1.1,查詢某一張表的字段資訊 select from user tab columns where table name 表名 1.2,查詢某一張表的注釋 select from user tab comments ...