Extjs component needs to set a unique ID, otherwise it will cause various errors
EXTJS basically relies on ID to identify components. If you have a textfield with ID: "keyword" in panel1 and a textfield with the same ID in panel2, then when you close panel2, extjs finds that the ID: "keyword" component in panel2 is still in use in panel1, it will not be destroyed, so it becomes an isolated object, causing confusion.
In any case, you have to always remember that at any time, you must make sure that the object ID is unique. There are two ways to do this:
1. Do not specify an ID to the object, and then use the component's find method to find the object through other properties, such as find("name","role"), and the result is an array. Of course, your attributes are unique, so you can refer to the component using the form find("name","role")[0].
2. You can also specify the child component in the form of parent component ID + child component ID. This method is better, and this is done internally in extjs. The child component's ID becomes: this.id+"_role", note that this here refers to the parent component. In an instance, since the ID specified by the parent component must be unique, even if the same component is instilled twice, the child components of both instances have unique IDs. This can handle ID duplication issues well