xml namespaces with Ext.DomQuery

[fshort]

Hi,
I have an xml document which contains element names consisting of namespaces, i.e.:

<cam:Alertcode>3000</cam:AlertCode>

I'd like to use the DomQuery class to select this node from the document but it throws an error:

 Ext.DomQuery.pseudos[name] is not a function.

The command I'm using to do the select is

Ext.DomQuery.selectNode("cam:AlertCode", doc.firstChild);

Is there a way to use DomQuery to select elements who's name contains a namespace reference?

[Hadrien]

I you want to use xml namespaces with DomQuery you have to modify a little bit the source code :

replace

var tagTokenRe = /^(#)?([\w-\*]+)/;

by

var tagTokenRe = /^(#)?([\w-\*]+:?[\w-\*]+)/

and

re: /^(?:([\[\{])(?:@)?([\w-]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'

by

re: /^(?:([\[\{])(?:@)?([\w-:]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
[\]\}])/,
select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'

add

var namespaceRe = /^([\w]+:)?([\w-\*]+)/;

just after

var tagTokenRe = /^(#)?([\w]+:?[\w]+|\*)/;

and thus modify

        if(!mode){
            for(var i = 0, ni; ni = ns[i]; i++){
                cs = ni.getElementsByTagName(tagName);
                for(var j = 0, ci; ci = cs[j]; j++){
                    result[++ri] = ci;
                }
            }

like this

        if(!mode){
            for(var i = 0, ni; ni = ns[i]; i++){
                cs = ni.getElementsByTagName(tagName.match(namespaceRe)[2]);
                for(var j = 0, ci; ci = cs[j]; j++){
                    result[++ri] = ci;
                }
            }

You can ask me by PM if I'm not clear.

Is a modification is planned for this problem ?

Because with ns, DomQuery is so amazing

EDIT :

I realized that selectValue didn't work, to correct edit ext-all-debug like this :

		re: /^@([\w-]+:?[\w-]+)/,
//              re: /^@([\w-]+)/,
                select: 'return {firstChild:{nodeValue:attrValue(n, "{1}")}};'

[smails]

Thank you very much for the information at this time it works

[smails]

When using the modified class are not working class library ExtJS. But I created a class Ext.nsDomQueryYu in which the modification and use it for their needs. A class Ext.DomQuery using library classes.

[velislav]

I'm trying to fulfill instructions. But

re: /^(?:([\[\{])(?:@)?([\w-:]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
[\]\}])/,
select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'

raises error in EXTJS.
Would you post the whole source as attachment?

[smails]

re: /^(?:([\[\{])(?:@)?([\w-:]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
[\]\}])/,
select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'

Syntax error. Try this:

re: /^(?:([\[\{])(?:@)?([\w-:]+)\s?(?:(=|.=)\s?['"]?(.*?)["']?)?[\]\}])/,
select: 'n = byAttribute(n, "{2}", "{4}", "{3}", "{1}");'

But with these changes, the library ExtJS does not work. I created a
separate class for working with namespaces. Full source file
ext-all-debug.js as an attachment.

[Gordon25]

I have the same problem, I downloaded your version of ext-all-debug.js and
I put in my html file:

<script type="text/javascript" src="../../ext-all.js"></script>

by

<script type="text/javascript" src="../../ext-all-debug.js"></script>

but it does not

[smails]

Could you write more?

[Gordon25]

I make the changes as Hadrian, and when I use a feedviewer it does not work so I tested the solution smail.

this solution does not work too, I know how to use it?

[smails]

Ext JS will not work with any version of files.

But, you can use the class nsDomQuery for their own needs. For example query xpath.

If you want to receive data from a server in the format of XML, which uses a namespace, you must convert the data from XML to any format and then use the transformed data in the widgets Ext JS.