网格实时搜索 extjs答案

【问题标题】：grid live search extjs网格实时搜索 extjs
【发布时间】：2017-02-22 14:50:47
【问题描述】：

我的实时搜索网格works fine 但是当我单击下一页或对网格执行其他操作时，搜索网格会丢失突出显示的术语搜索，有没有人帮助我该怎么办？我想在所有页面中保留突出显示的术语搜索。谢谢

下面是我的代码的 sn-p：

var pagingStore = Ext.create('Ext.data.Store', {
    proxy: {
        type: 'memory',
        enablePaging: true
    },
    remoteFilter: true,
    pageSize: 5
}),
        remoteStore = Ext.create('Ext.data.Store', {
            autoLoad: true,
            proxy: {
                type: 'ajax',
                url: 'js/json/pagingStore.json',
                reader: {
                    rootProperty: 'items'
                }
            },
            fields: ['name', 'email', 'phone', 'type']
        });
remoteStore.load(function () {
    pagingStore.getProxy().setData(remoteStore.getRange());
    pagingStore.load();
});
var bbar = new Ext.PagingToolbar({
    store: pagingStore, //the store you use in your grid
    displayInfo: true,
    items: [ {
            xtype: 'textfield',
            name: 'searchField',
            id: 'txtfield',
            fieldLabel:'Search:',
            labelAlign:'right',
            emptyText:'search...',
            width: 300,
            listeners: {
                change: {
                    fn: onTextFieldChange
                }
            }
        }
    ]
});
bbar.down('#refresh').hide();
Ext.create('Ext.grid.Panel', {
    height: 400,
    title: 'Simpsons',
    id: 'gridPanel',
    store: pagingStore,
    columns: [{
            text: 'Name',
            dataIndex: 'name',
            filterable: true
        }, {
            text: 'Email',
            dataIndex: 'email'
        }, {
            text: 'Phone',
            dataIndex: 'phone'
        },
        {
            text: 'Type',
            dataIndex: 'type'
        }],
    bbar: bbar,
    renderTo: Ext.getBody()
});

【问题讨论】：

显示网格及其相关代码
我在上面编辑了我的帖子
可以添加js/json/pagingStore.json文件和函数onTextFieldChange?
@Alexandre 你很好奇 ;) 你可以在这里找到一个例子 examples.sencha.com/extjs/5.0.0/examples/grid/…

标签： javascript search extjs highlight

【解决方案1】：

所以我回答了我自己的问题，我创建了一个 highlight() 方法并将其放在容器上：在每次单击字段搜索输入后，突出显示留在搜索词上：;)

cont.getEl().on({
        click: {
            fn: highlight
        }
    });

【讨论】：