Forms extjs5慢慢形成绑定

Forms extjs5慢慢形成绑定,forms,extjs,rendering,model-binding,extjs5,Forms,Extjs,Rendering,Model Binding,Extjs5,我对ExtJS5中的表单面板和绑定modelView有问题。 渲染后在“窗体”面板上显示时,值设置缓慢 这是因为在更改标签字段(WizardOrderRowDisplayField正在扩展)时,浏览器正在进行完整的布局回流。该标签并非真正用于显示不断变化的值。因此,实现有点简单。更改值时,它会将新的DOM内容注入页面。更改DOM内容时,浏览器将需要回流 现在,由于ViewModel会快速更新多个标签字段,因此每次更新都会导致回流。因此,当更新30个字段时,它将回流30次,这需要时间 如果将Wiz

我对ExtJS5中的表单面板和绑定modelView有问题。 渲染后在“窗体”面板上显示时,值设置缓慢


这是因为在更改标签字段(WizardOrderRowDisplayField正在扩展)时,浏览器正在进行完整的布局回流。该标签并非真正用于显示不断变化的值。因此,实现有点简单。更改值时,它会将新的DOM内容注入页面。更改DOM内容时,浏览器将需要回流

现在,由于ViewModel会快速更新多个标签字段,因此每次更新都会导致回流。因此,当更新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
});

祝您好运

请提供步骤,以在示例中显示问题。关于这个问题发生在什么浏览器上的信息也会很有帮助。这个问题发生在Chrome和Firefox上。面板有自己的带有默认值的ViewModel。其效果是,form.Panel显示出来,并且远远早于ViewModel中的空填充值。