sencha-touch - ExtJS/Sencha Touch 2 - 如何获取具有多个类的元素/组件

Question

我不确定我是否要疯了。我也在厨房水槽上测试过这个，所以不仅仅是我。

我试过了：

Ext.ComponentQuery.query('container[cls="blah"]');
Ext.ComponentQuery.query('container[cls~="blah"]');

但是在它有了第二个类之后，你似乎无法通过它拥有的类来获得一些东西。

我错过了什么或者这不可能吗？

如果你去http://dev.sencha.com/deploy/touch/e.../#demo/buttons

Ext.ComponentQuery.query('button')[0];
// returns element
Ext.ComponentQuery.query('button')[0].addCls('meep');
Ext.ComponentQuery.query('button[cls="meep"')[0];
// returns element
Ext.ComponentQuery.query('button')[0].addCls('blah');
Ext.ComponentQuery.query('button[cls="meep"')[0];
// returns undefined
Ext.ComponentQuery.query('button[cls~="meep"')[0];
// returns undefined

Answer 1

由于我的期望以及文档如何使用他们的 DomQuery，我认为上述内容应该可以工作，但存在错误。

我通过创建一个新的 xtype 并在 ComponentQuery 中使用它来解决这个问题，如下所示：

Ext.define('App.view.Deposit', {
    extend: 'Ext.Container'
});

Ext.ComponentQuery('meep');

我想我正试图像在 jQuery 中那样做，添加一个类并使用它检索它，但是对于 Component 的东西它很混乱。

我认为这应该有效，但它没有（在 2.0.1.1、2.1.0b3 中测试）：

Ext.ComponentQuery.query('button[cls*="meep"')[0];