Warning saying `Id` exist and should be destroyed

Question

Most of the time i see the following Warning, when i click on the same button for more than once (when calling the same function twice or more)

[WARN] [WARN]         


        

Answer 1

According to your controller function, this is because at the first time you clicked on your button, Sencha Touch creates an Ext.Image with id logo. At the second time, another image with id logo is created, so there are 2 components with the same id. It leads to wrong query results if they base on id property.

Just simply be more "specific" in your id config when you create any components to ensure there're no components with same id at anytime. For example:

function onPersonFound(imageData) {
           var image = Ext.create('Ext.Img', {
                                 src: "data:image/jpeg;base64," + imageData,
                                 id: 'logo' + person_id,
                                 width: 372,
                                 height: 140
                                 });

Note: I wroteperson_id to represent an unique field of your instance that ensures there're no images with same id. Wish it helps you.