ExtJS的5慢慢形成的结合(ExtJs 5 slowly form binding)

我有一个表格面板和ExtJS的5结合MODELVIEW当形式呈现面板后，慢慢地设定值的问题。

例如，在小提琴

Answer 1:

这是因为更改标签字段（您WizardOrderRowDisplayField正在扩大）当浏览器正在做一个完整的布局回流。 标签是不是真的意味着显示变化值。 因此，实施是一个有点简单化。 当改变值它注入新的DOM内容到页面。 当改变DOM的内容，浏览器将需要回流。

现在，因为视图模型会导致快速更新多个标签领域，每一个更新会导致回流。 因此，更新30场的时候，它会回流30倍这需要时间。

如果更改WizardOrderRowDisplayField延长Ext.form.field.Text，使其成为只读的，改变布局了一点，所以它看起来像一个标签字段，你具有相同的功能，你的问题就解决了：

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
});

祝好运

文章来源: ExtJs 5 slowly form binding