ExtJs 5慢慢形成綁定

Question

我在ExtJS 5中使用表單面板和綁定modelView時遇到問題。渲染后的表單面板中，值設置緩慢。

小提琴中的例子

Answer 1

這是因為在更改Label字段（WizardOrderRowDisplayField對其進行擴展）時，瀏覽器正在執行完整的布局重排。 標簽並不是要顯示變化的值。 因此，實現有點簡單。 更改值時，它將新的DOM內容注入頁面。 更改DOM內容時，瀏覽器將需要重排。

現在，由於ViewModel導致對多個Label字段的快速更新，因此每次更新都會導致重排。 因此，當更新30個字段時，它將重排30次，這需要時間。

如果將WizardOrderRowDisplayField更改為擴展Ext.form.field.Text，使其變為ReadOnly並稍稍更改布局，使其看起來像是標簽字段，則您具有相同的功能，並且可以解決問題：

Ext.define('Ftp.view.wizard.order.WizardOrderRowDisplayField', {
    extend: 'Ext.form.field.Text',
    alias: 'widget.wizard-order-row-calcfield',
    width: 100,
    readOnly: true,
    cls: 'wizard-order-row-calcfield' // Use this to remove the border etc in SASS
});

祝好運