dojo: виджет уже зарегистрировал ошибку

Question

Я знаю, что это похоже на общую ошибку, и я попытался реализовать некоторые jquery или Dojo-код, чтобы исправить эту проблему, но ничего не помогло до сих пор - я продолжаю получать ту же ошибку: виджет уже зарегистрирован с удостоверением ...

Вот мой код:

$("div").remove("#div_temperature_legend"); //jquery   
dojo.create("div", { id: "div_temperature_legend", innerHTML: "<p></p>" }, "legendPanel"); 
var legend = new esri.dijit.Legend({ 
       map: map, 
       layerInfos: [{ layer: layer, title: "Temperature" }], 
    }, "div_temperature_legend"); 
legend.startup(); 

приведенный выше код в функции щелчка кнопки и эта функция сама является частью большого додзё require() функции; и работает в первый раз. Линия jQuery кажется удаленной, потому что легенды не дублируются во вновь создаваемом слое div_temperature_legend.

Во всяком случае, я пробовал функцию dojo, но я все равно получаю ту же ошибку. Я думаю, что-то, где-то мне нужно до register этот div, а затем уничтожить его. Но как? где? В контексте моего кода?

В идеале код должен обнаруживать виджет, если он существует, и не создает другую легенду.

Спасибо.

Answer 1

Ошибка заключается в неправильном размещении виджета dojo. После его создания он будет установлен в хеше реестра по его идентификатору. Вы можете либо a) установить вид виджетов dojo или b) каждый раз создавать уникальный идентификатор для виджета.

В случае, если у вас есть несколько виджетов такого же типа, использование идентификатора - не очень хорошая идея. лучше пропустить идентификатор и вместо этого использовать атрибут класса. ID будет автоматически назначаться, но у вас нет интереса к нему, поскольку селектор может использовать имя класса, которое вы назначили.

Answer 2

Вот как я осуществил мое решение, основанное на идее @Sasha уникальных идентификаторов Div:

$("#"+div_legend_global).remove(); 
div_legend_global = "div_" + new Date().getTime().toString();//div_legend_global defined globally 
dojo.create("div", { id: div_legend_global, innerHTML: "<p></p>" }, "legendPanel"); 
var legend = new esri.dijit.Legend({ 
       map: map, 
       layerInfos: [{ layer: layer, title: "Temperature" }], 
     }, div_legend_global); 
legend.startup(); 

Так я определил глобальную переменную div_legend_global, а затем, в функции нажмите на кнопку, присвоить его уникальное значение. Тогда это уникальное значение становится идентификатором функции create Legend(). После последующих вызовов jquery удаляет уникальный div, тем самым предотвращая появление нескольких экземпляров легенд.

Теперь, Dojo может держать в своем стеке div, и я думаю, что лучше было бы удалить его из стека. Но сейчас я в порядке.

Спасибо @Sasha.