Get All Elements By Class Using Javascript

There is no functionality in Javascript where you can get all elements by class name. Yes, in JQuery you can but that involves loading up a library.

If you do not have any other need for JQuery, this class made by some user in the Stack Overflow forum does the trick.

function getAllByClass(classname, node) {
    if (!document.getElementsByClassName) {
        if (!node) {
            node =  document.body;
        }
 
        var a = [],
            re = new RegExp('\\b' + classname + '\\b'),
            els = node.getElementsByTagName("*");
 
        for (var i = 0, j = els.length; i < j; i++) {
            if (re.test(els[i].className)) {
                a.push(els[i]);
            }
        }
    } else {
        return document.getElementsByClassName(classname);
    }
    return a;
}

How To Run Javascript Function Inside Ext.List itemTpl

So my itemTpl contained HTML code with some EX Javascript inside Ext.List to dynamically output values based on a store’s model.

While it is easy to output those fields by using { fieldname }, I got stuck for a bit when I wanted to run a Javascript function within it using the field output as the parameter.

The solution to this is to enclose your Javascript function with {[ and ]}.

Check the sample below:

itemTpl: '<div>{[ myfunc({values.fieldname}) ]}</div>'