ansaurus

Question

Selecting elements that do not contain a certain ID using ExtJS

Answer 1

A:

Ext.query("select,input:not([id*=foo]):not([id*=bar])", "SomeForm")

Ben 2010-06-02 18:04:58

This gives me the following error in FF 3.6.3: `Error parsing selector, parsing failed at "):not([id*=bar]"`. Maybe ExtJS doesn't like chaining pseudo selectors?

pmdarrow 2010-06-02 18:09:03

i noticed an opening "select and no closing " please see if that helps

sushil bharwani 2010-06-02 18:18:23

See my comment on your original post sushil

pmdarrow 2010-06-02 18:42:00

@pmdarrow - That's a perfectly valid CSS3 selector. Maybe you're right, maybe ExtJS doesn't like chaining pseudo selectors.

Ben 2010-06-02 19:50:27

Answer 2

A:

Ext.query("select,input:not([id*=foo]):not([id*=bar])", "SomeForm")` try this

sushil bharwani 2010-06-02 18:06:35

Same answer as Ben - see my comment on his.

pmdarrow 2010-06-02 18:10:21

notice the closing " please try that

sushil bharwani 2010-06-02 18:19:37

I fixed that typo before I even tried it the first time around. It didn't fix anything. Here's the exact line I'm using: `Ext.query("input:not([id*=foo]):not([id*=bar])", "SomeForm");`

pmdarrow 2010-06-02 18:22:30

Answer 3

+1 A:

Not sure how to combine a selector like this but I think if you use the filter function you can filter out the first query:

Ext.DomQuery.filter(Ext.query('input:not([id*=foo])','SomeForm'),'input:not([id*=bar])');

Notice that I just played around a bit more with this and that function works:

Ext.query('input:not([id*=foo]):not([id*=bar])');

but this gives me the same error you mentionned:

Ext.query('input:not([id*=foo]):not([id*=bar])','SomeForm');

So it seems to me like a bug with the ExtJS query function when you pass a specific root with multiple attribute selectors.

SBUJOLD 2010-06-02 19:00:54

This works. What if I wanted to exclude IDs containing `baz` in addition to `foo` and `bar`? Also, I seem to get the same error (`Error parsing selector`) when not passing a specific root with `Ext.query("input:not([id*=foo]):not([id*=bar])");` Bear in mind I'm restricted to Ext 2.3.0.

pmdarrow 2010-06-02 19:43:09

Sorry I actually read 3.2... if you get the same error I'll assume it's a bug in the 2.3 version then, or maybe it was just not supported. You should be able to call `Ext.DomQuery.filter` on the result of the previous `Ext.Domquery.filter` call and so on. If you have a lot of these I would suggest you create your own function that receives an array of IDs to exclude, does the first `query` call and then loop thru the array of IDs to exclude and call `filter` as often as needed. Unless someone knows a better way using ExtJS, that's what I would do.

SBUJOLD 2010-06-02 19:58:58

I just ended up making a loop like you said, but this answer also works so I'll mark it as accepted.

pmdarrow 2010-06-03 12:17:52

ansaurus

tags:

views:

answers:

Selecting elements that do not contain a certain ID using ExtJS

related questions