具有多個xtype的ExtJS 5網格小部件列

Question

我有一個像這樣的數據對象：

data = [
    {text: 'What is your name?', xtype: 'textfield'},
    {text: 'What is your favorite number?', xtype: 'numberfield'}
]

我需要一個網格以在各自的行中顯示每個數據對象。 該行應包含提供的xtype的表單字段。

使用以下插件在ExtJS 4中輕松實現此目的： http : //skirtlesden.com/ux/component-column 。

使用此插件，開發人員只需在列config上指定一個“ renderer”函數即可返回任意組件的配置對象，然后將該組件呈現在單元格中。 不幸的是，此插件不適用於ExtJS 5。

ExtJS 5似乎承諾通過其新的“窗口小部件列”功能來解決對該插件的需求，因此我急切地等待其發布，但是當它最終問世時，它並沒有辜負人們的炒作。 似乎要求每一行都具有相同的確切組成部分，只是值不同。 小部件列的一行似乎沒有文本字段，而下一行有數字字段。

我的結論是否正確，即新的ExtJS 5“小部件列”功能太受限制，無法在我的用例中使用？

Answer 1

我的一個項目也遇到了同樣的問題。 不幸的是，渲染器尚未成為widgetcolumns的選擇。 據說Extjs 5.0.1即將發布，他們聲稱這將修復Extjs 5中存在的許多錯誤，因此我希望此補丁中包含該錯誤。 在此之前，我建議您使用您引用的component column插件。 只要您替換，它就對Extjs 5很好用

return this.lastFrameWidth = parentDiv.getFrameWidth('lr') + parentTd.getFrameWidth('lr');

同

return this.lastFrameWidth = parentDiv.getBorderWidth('lr') + parentDiv.getPadding('lr') + parentTd.getBorderWidth('lr') + parentTd.getPadding('lr');

來源 。

渲染器的參數之一是組件在rendered時所在位置的記錄和行號，可以將其保存在自定義屬性中，以供以后的事件（例如change 。