!= Selector (not equals) doesn't work

Ext version tested:

• Ext 4.1.1.rc1

Browser versions tested against:

• FF16

Description:

• Query a form panel for fields that do not match an attribute

Steps to reproduce the problem:

• var results = form.query("field[inputType!='hidden']");

The result that was expected:

• an array with all the fields that are not inputType "hidden"

The result that occurs instead:

• returns an array of only the fields with inputType "hidden"
• in other words the same as :
• var results = form.query("field[inputType='hidden']");

Test Case:

http://jsfiddle.net/dbVdJ/

This isn't a bug, the != operator isn't defined, nor it is listed in the docs. Similar to css selectors, it's intended that you use the :not selector:

Code:

---

cq.query(':not([hidden])');

---

Thanks for your reply.


Unfortunately it is listed in the documentation:

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.dom.Query

Quote:

---

E[foo!=bar] attribute "foo" does not equal "bar"

---

dom.Query and ComponentQuery are not the same thing.

My bad...

But your example returns all the fields

http://jsfiddle.net/dbVdJ/2/

Code:

---

form.query(":not([hidden])");

---

or

Code:

---

form.query("field:not([hidden])");

---

Yes, I just copied that from the code somewhere, you'd still need to check the inputType.

excellent thank you

Here is the solution:

Code:

---

form.query("field:not([inputType=hidden])");

---

just for others:

multiple chains (i.e. not hidden and not label = "hello2"):

form.query("field:not([inputType=hidden]):not([fieldLabel='hello2'])");