Добрый день.
Допустим, есть некая простая HTML-страничка.
Нам надо при помощи JavaScript динамически изменить содержание одного div-контейнера и сразу задать некие события и свойства компонентам, только что вставленным в этот DIV-контейнер. Вроде все просто: взять ссылку на нужный html-компонент и потом задать все необходимые свойства вновь вставленным. Но тут возникла проблема.
Сразу после вставки html-кода в div-контейнер, команда <code>getElementById</code> либо подобные команды этого семейства, не всегда находят только что добавленный элемент. Т.е. эта команда отрабатывается, вроде как, в то время, когда элемента еще не существует. Ну так вот и вопрос, который назрел у меня глядя на эту ситуацию:
Как можно после добавления html-кода внутрь контейнера, определить когда он построился и его можно использовать?
UPD1:
//... Произошла инициализация контейнеров
var containers = me.getReadyFormsContainers();
for (var i = 0; i < containers.length; i++) {
var c = containers[i];
//Добавляем в текущую панель построенную форму
this.add(c);
}
//... ...
// Задаем слушатель контейнеру (для "var containers")
wrapper.addListener("painted", this.applyProps, this);
//....
// наша функция, в которой получается исключительная ситуация
applyProps: function() {
var me = this,
element = Ext.get(me.getComponentId());
/* На компьютере, в 90% случаях все строится хорошо, в 10% - элемент не находится
На телефонах, в 70% случаях один из компонентов не находится. */
}
Все сделано на Sencha Touch 2. Могу вкратце рассказать алгоритм действий сенчавского элемента:
<code>this.add(c);</code> - в с находится готовый к вставке компонент. При команде <code>add</code>, компонент отрисовывается в панели. Сразу после команды вставки Html, происходит событие <code>painted</code> и вызывается функция <code>applyProps</code>.
getElementById
понадобился, если вы итак имеете ссылку на вставляемый контейнер?