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()

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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