Question

I had a requirement to filter the textfield based on input characters, its working fine when we give normal characters, but when we enter special characters its not filtering.

How can I filter a textfield based on special characters like ().+* in ExtJS using the keyup listener?

***Note: remaining special characters are working fine, only ().+ * are not working

Code:

var filter = function (valu, listv) {
    if (valu !== '') {
        listv.store.filter({
            property     : 'value',
            value        : new RegExp(valu, "i"),
            anyMatch     : true, //optional, defaults to true
            caseSensitive: true  //optional, defaults to true
        });
    } else {
        listv.store.filter({
            property     : 'value',
            value        : /.*/,
            anyMatch     : true,
            caseSensitive: true
        });
    }
    listv.select(-1);
}

Answer 1

You need to escape the special characters in the RegEx like so:

function escapeRegExp(str) {
  return str.replace(/[-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}

var filter = function (valu, listv) {
    if (valu !== '') {
        listv.store.filter({
            property     : 'value',
            value        : new RegExp(escapeRegExp(valu), "i"),
// ...