Javascript 使用ExtJS检索divid值

好的，这可能是一个简单的问题，但我想我遗漏了一些明显的东西。在我的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**

添加配方
**//这个ID是什么变化**

---

我是否在ExtJS使用的DOM方法中遗漏了一些明显的东西？我应该使用Ext.get、Ext.query、Ext.select吗？

Ext.query

返回一个（香草）数组。您所需要的只是：

---

就像旁注一样——这很有效，但当我成功保存、提交表单或隐藏表单并尝试添加另一个字段到表单时，它会失败。有什么想法吗？哪个部分失败了？

Ext.query

调用，检索

test[0]

，检索

id

，或

addInput

调用？控制台中显示的确切错误是什么？Matt-我知道现在会发生什么-当我添加成分输入并使用form.hide（）关闭表单时，或者当我简单地“关闭”表单（它是一个模式面板）时，div值会发生变化，我需要通过向上移动数组中的一个值来检索它，即addInput（newInput[1].id）；顺便说一句，它会无声地失败-JS控制台中没有错误，但我可以在检查元素时看到创建的div，它们只是不显示-我希望这是有意义的..？是的，我认为这是有意义的。

addInput(test[0].id);