When I trigger a window to create a new item, there is a noticeable lag when passing in the record for the bound fields. The record is essentially a blank one with default values provided by the framework. In this demo, there are 3 buttons:
- The first button creates the dialog with the new record, causing the most significant lag.
- The second button creates the dialog without any record, resulting in barely noticeable lag during field updates.
- The third button uses the passed-in record to populate the field values through the form, with lag comparable to the second button.
While performance improvements have been made in nightly builds for Ext JS 5 and 6, I am unable to upgrade at this time as version 5.1.3 is not available yet. So my question is - what am I doing wrong? Is there a way to address this issue without resorting to using the form entirely? I prefer to maintain the binding functionality since table values will be changing dynamically.
After some research, I found this thread on Stack Overflow, which suggests that replacing displayfields
with textfields
can improve performance. However, I'm hesitant to make this change due to semantic reasons.
Ext.define('HeaderView', {
// Same code as before
});
// Additional definitions