ComponentQuery with advanced attribute selector

[wirtsi]

Hi ...

bit more of a RFE instead of a bug ... but what really bugs me, is that I can't query components that have multiple attributes. For example

{
   xtype:'container',
   cls: 'overlay-footer',           
   items:[
       {
            html: 'Imprint',
            cls: 'overlay-footer-item overlay-footer-imprint',                   
       }
   ]
}

Now I want to query the imprint container. This one works

Ext.ComponentQuery.query('.container[cls="overlay-footer-item overlay-footer-imprint"]')

This one doesn't

Ext.ComponentQuery.query('.container[cls="overlay-footer-imprint"]')

Ok, makes sense ... according to http://www.w3.org/TR/CSS2/selector.html this would be the way to do it

Ext.ComponentQuery.query('.container[cls~="overlay-footer-imprint"]')

Am I missing something or is this not supported?

Bests

wirtsi

[mitchellsimoens]

I would say this is a feature request as it has never intended to work. I have a draft that I will see what the cor devs think for possible inclusion into 2.1.0

[Bunchofstring]

...or you could create and use a (custom) "pseudo" selector until that feature is added.
http://docs.sencha.com/touch/2-0/#!/...ComponentQuery

[mberrie]

Is this gonna make it into ExtJs as well?

And what syntax will be supported? cls="myclass" or cls*="myclass" or..?

I think this really should be supported. It is a fairly obvious and common use-case.

So thx for pushing this, mitchell!

[TDeBailleul]

Has there been any progress regarding this topic ?

I have the same config as the OP and neither ~= nor *= works using 2.1

Has it been included in Sencha Touch 2.1

[sfreeman]

No luck for me in 2.1 either and don't see anything in the source when I step through it that'd accomplish this.