0

Добрый день.
Допустим, есть некая простая 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>.

9
  • 2
    А код можно увидеть? Насколько я знаю - изменение innerHTML элемента на 100% синхронно.
    – user3545
    2 июл 2012 в 10:14
  • А зачем вам вообще getElementById понадобился, если вы итак имеете ссылку на вставляемый контейнер? 2 июл 2012 в 10:17
  • Внутри контейнера мы ставим еще несколько контейнеров, к которым надо привязать действия. 2 июл 2012 в 10:30
  • @Антон Мухин ID уникальные( мало ли )? Вообще, скорее всего, у вас какая-то баянистая проблема в логике. Хотя, возможно, метод add асинхронный (вряд-ли, но мало-ли), тогда действительно - нужно переписывать код
    – user3545
    2 июл 2012 в 10:38
  • 1
    Вот пример я выложил на каком-то бесплатном хостинге: m.amoukhine.16mb.com проверять только в гугл-хроме или сафари. Проблемный файл со скриптом: Component. MCPays.view.core.Component. Строка 202. Там некоторые компоненты не могут быть найдены. 2 июл 2012 в 11:00

1 ответ 1

2

Я извиняюсь, но это работающее решение на jQuery, требующее подключения библиотеки, Из-за того, что объект динамически создан, нужно цеплять события к этому объекту спец. методом .delegate()

<div id="obj">
<span>Я рожден динамически</span>
</div>

jQuery("#obj").delegate("span","click",function(){ //цепляем click на span
    //здесь тело функции
})

Так же можно использовать .live()

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.