2
A
回答
0
你可能試着玩不同的佈局。首先我想嘗試的是將表單佈局設置爲錨點併爲所有元素指定固定寬度。
1
這絕對有可能。你只需要使用一點CSS就可以實現。我直接在我的表單配置中應用了我的CSS,但您可以輕鬆地將它放入自己的CSS文件中。
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
layout: 'auto',
defaults: {
xtype: 'textfield',
style: {
float: 'left',
width: 200
}
},
items: [
{ fieldLabel: 'Field 1' },
{ fieldLabel: 'Field 2' },
{ fieldLabel: 'Field 3' },
{ fieldLabel: 'Field 4' },
{ fieldLabel: 'Field 5' },
{ fieldLabel: 'Field 6' }
]
});
當您將瀏覽器調整到兩列不適合的位置時,應該會看到兩列自動換行到一列。
我做了一個例子供您參考這裏:http://jsfiddle.net/Asuza/n7Zsj/
當你打開它,你應該看到領域的兩列。將CSS主體寬度更改爲300px,然後重新運行小提琴,現在列數應該爲1。這應該等同於您手動調整瀏覽器的大小。
0
請使用列布局。
{
xtype:'container'
layout:'fit',
items:{
xtype:'form',
title:'test',
layout:'column',
items:[...]
}
}
文本字段沒有設置寬度
相關問題
- 1. 動態加載ExtJS的列
- 2. 動態更改圖表系列extjs 4
- 3. extjs Portal中的動態列示例
- 4. ExtJS 4 - 動態設置列tdCls
- 5. Extjs動態網格
- 6. Extjs動態網格
- 7. extjs動態商店?
- 8. 動態Extjs DateFields動態形式
- 9. ExtJS圖表的動態數據存儲
- 10. extJS comboBox。動態數據加載
- 11. Extjs - 動態使用ColumnHeaderGroup
- 12. 動態創建網格EXTJS
- 13. extjs 4動態商店
- 14. ExtJS的4.2.0 RowExpander動態
- 15. 動態模型與ExtJS 4
- 16. 動態創建ExtJS樹
- 17. ExtJS ComboBox動態JSON更新
- 18. ExtJS動態添加標籤
- 19. ExtJS的樹動態加載
- 20. 動態列數
- 21. extjs 4動態啓用動作列項目
- 22. ExtJS TreeGrid自動列寬
- 23. UITableview動態列數
- 24. 動態列表數
- 25. 使列數動態
- 26. 高動態數據列圖與動態數據列對齊
- 27. 根據窗口大小動態地排列對象ExtJs
- 28. 動態隱藏ExtJS的4網格列上
- 29. ExtJS動態調整網格列的大小
- 30. 在ExtJS 4.2中動態訂購現有列4.2
我想這是不可能的。表單將被渲染後 - 將顯示帶有字段的表格,此時不能更改列表列表。兒子只有一種我看到的方式 - 是在特定事件中重新生成具有正確列的表單。 – Andron