使用ExtJS检索div id值

Question

好吧这可能是一个简单的问题，但我想我错过了一些明显的东西。在我的Sencha / ExtJS应用程序中，我试图从div中检索ID值，因为它是随机的，由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**

我是否遗漏了ExtJS使用的DOM方法中的一些明显内容？我应该使用Ext.get，Ext.query，Ext.select吗？

Answer 1

Ext.query返回一个（vanilla）DOM elements数组。您只需要id property：

addInput(test[0].id);