Получить значение div id с помощью ExtJS

Question

Хорошо, это может быть простой вопрос, но я думаю, что упускаю что-то очевидное. В моем приложении Sencha / ExtJS я пытаюсь получить значение идентификатора из div, поскольку оно рандомизировано, автоматически генерируется ExtJS. Так что я бродил по инструментам разработчика Chrome для выполнения запросов. Вот что я сейчас делаю:

handler: function() {   
    var test = Ext.query("div#foo div.x-panel-body");

    // This is what I need to retrieve but since it changes I need the ID
    //addInput('ext-gen1059');
    addInput(test);
}

вот соответствующая разметка для набора полей:

<div id="foo" class=" x-panel x-form-fieldset">
<div class="x-form-fieldset-title" id="ext-gen1078">Add Recipe</div>
<div class="x-panel-body" id="ext-gen1059">  **// this ID is what changes**

Мне не хватает чего-то очевидного в методах DOM, используемых ExtJS? Должен ли я использовать Ext.get, Ext.query, Ext.select?

Answer 1

Ext.query возвращает массив (vanilla) элементов DOM . Все, что вам нужно, это id свойство :

addInput(test[0].id);