jQuery equivalent

[Dig4Fire]

Hello,

How to write this jQuery-Code in Ext?

    $('a').filter(function() {
        return this.hostname != location.hostname;
    }).addClass('external'); 

Thank you in advance

[Animal]

First off, what does it do?

[Animal]

OK, a bit of digging reveals a lacuna in Ext's CompositeElement abilities. A filter function which filters by a passed function is an obvious need.

You need to add at the top of your page

// Add a filter function to CompositeElement (Why it not there already?)
Ext.override(Ext.CompositeElementLite, {
    filter : function(fn){
        var els = [];
        this.each(function(el){
            if(fn(el.dom)){
                els[els.length] = el.dom;
            }
        });
        this.elements = [];
        this.add(els);
        return this;
    }
});

Then you would do

Ext.select("a").filter(function(a) {
    return a.hostname != location.hostname
}).addClass("external");

[Dig4Fire]

Thank you but "this.fill is not a function..."

[Animal]

A more Exty way to do it is to add a psdueo-class selection function to DomQuery. This would be like the :nth-child pseudo class, so you would add to the top of your page.

// Ext's DOM query aparatus allows definition of new pseudo classes.
Ext.DomQuery.pseudos.external = function(c, v){
    var r = [], ri = -1;
    for(var i = 0, ci; ci = c[i]; i++){
        if(ci.hostname != location.hostname){
            r[++ri] = ci;
        }
    }
    return r;
};

And then the simple and obvious code:

Ext.select("a:external").addClass("external");

There are always several ways to skin a cat in Ext!

[Dig4Fire]

Quote from "Learning jQuery 1.3":

"...Also the .filter() method in particular had enormous power because it can take a function as it argument. The function allows us to create complex tests for whether elements should be kept in the matched set. Let's suppose, for example, we want to add a class to all external links..."

Is there no simple equivalent in Ext?

[Animal]

Have you been reading my replies? You can use the pseudo.

I just updated the code in post #3 code for the filter function to adjust for the absence of the fill method.

[Animal]

Quote from "Learning jQuery 1.3":

"...Also the .filter() method in particular had enormous power because it can take a function as it argument. The function allows us to create complex tests for whether elements should be kept in the matched set. Let's suppose, for example, we want to add a class to all external links..."

Is there no simple equivalent in Ext?

I do always hate those overblown, expansive and exaggerated books, don't you?

[Dig4Fire]

Thanks for your replies!

[evant]

I was doing some stuff with Core the other day, the filter() method should definitely be there.

And it will be in the next build