ExtJS 6按姓氏或中间名过滤网格的存储

ExtJS 6 Filter store of grid by lastname or middlename

本文关键字：过滤 网格 存储 中间 ExtJS      更新时间：2023-09-26

我是ExtJS的新手。我有一个网格的存储，它有一列FullName，我想按姓氏或中间名过滤存储。我用过这个代码

tbar: [
    'Search', {
        xtype: 'textfield',
        listeners: {
            specialkey: function(field, e) {
                if(e.getKey() == e.ENTER) {
                    var texto = field.getValue();
                    store_Pessoas.removeFilter('filtersIdPessoasValor');
                    if(isNaN(texto)) {
                        store_Pessoas.addFilter({
                            id: 'filtersIdPessoasValor',
                            property: 'tFullName',
                            value: texto
                        });
                    store_Pessoas.load();
                }
            }
        }
    }
]

使用此代码，我只能按名字及以上进行筛选，但我想按中间名或姓氏进行筛选。

您的网格可以有一个列"FullName"，但您的商店应该有单独的firstname、middname和lastname字段。否则，您只需要假设全名的格式是一致的，就可以在middle和lastname的基础上对其进行过滤。

您可以使用filterBy编写自己的自定义筛选函数-

var texto = field.getValue();
store_Pessoas.clearFilter();
if (isNaN(texto)) {
  store_Pessaoas.filterBy(function(record) {
    var fullname = record.get('FullName');
    //Assuming that your name has a structure of FIRSTNAME MIDDLENAME LASTNAME
    var names = fullname.split(" "); //splits the string into an array of 3
    // names[1] - middlename / names[2] - lastname
    if (names[1].toLowerCase().indexOf(textto.toLowerCase()) !== -1 || names[2].toLowerCase().indexOf(textto.toLowerCase()) !== -1) {
      return true;
    }
    return false;
  });
};

签出filterBy的文档http://docs.sencha.com/extjs/6.0/6.0.1-classic/#/api/Ext.data.AbstractStore-method-filterBy

相关文章：