自定义由 Extjs 自动分配给任何 DOM 元素的 ext-gen id答案

【问题标题】：Customize ext-gen id auto assigned by Extjs to any DOM element自定义由 Extjs 自动分配给任何 DOM 元素的 ext-gen id
【发布时间】：2013-07-01 12:11:07
【问题描述】：

有没有办法自定义这些由 extjs 自动分配给创建的 html DOM 元素的 'ext-gen' id。我想为一些 DOM 元素添加一些自定义事件，为此我需要 id，这样我就可以通过它们的 id 使用这些元素，例如：Ext.get('id') 或 Ext.cmp('id') 等。由于'ext-gen' ids 会在每次页面刷新/重新加载时自动生成和动态更改，因此我无法获取任何 Html DOM 元素的 Id 以添加一些自定义事件。我在我的项目中使用 Extjs3 和 PHP（自定义框架）。

请帮我解决这个问题。在此先感谢:)

【问题讨论】：

标签： php extjs3

【解决方案1】：

如果你使用 id 那么如果你打开两个面板会发生什么所以不推荐使用，用item id代替

//可以这样在创建的时候添加id

var c = new Ext.panel.Panel({ //
height: 300,
renderTo: document.body,
layout: 'auto',
items: [
    {
        itemId: 'p1',
        title: 'Panel 1',
        height: 150
    },
    {
        itemId: 'p2',
        title: 'Panel 2',
        height: 150
    }
]
})
el = Ext.getCmp( 'p1' );
console.log(el);

【讨论】：