如何在除空记录之外的网格上使用过滤器(ExtJS 6.5.3)

在ExtJS 6.5.3中，可以通过使用过滤器在除空记录之外的网格上进行过滤。下面是一个完善且全面的答案：

在ExtJS 6.5.3中，可以使用Grid组件的store属性来实现网格数据的过滤。要在除空记录之外的网格上使用过滤器，可以按照以下步骤进行操作：

创建一个Grid组件，并设置store属性为一个Ext.data.Store对象。该Store对象将作为网格的数据源。
在Store对象的配置中，设置filters属性为一个Ext.util.FilterCollection对象。该对象将用于存储过滤器。
创建一个过滤器对象，并将其添加到FilterCollection对象中。过滤器对象可以通过Ext.util.Filter类来创建，可以设置字段名称、过滤条件和过滤值等属性。
在Grid组件的列配置中，为需要过滤的列设置filter属性为true。这将启用该列的过滤功能。
在Grid组件的顶部工具栏或其他位置添加一个文本框或下拉框等输入组件，用于用户输入过滤条件。
监听输入组件的change事件或其他适当的事件，获取用户输入的过滤条件。
在事件处理程序中，获取Grid组件的Store对象，并调用其的filter方法。传入之前创建的过滤器对象作为参数，即可实现网格数据的过滤。

以下是一个示例代码，演示如何在除空记录之外的网格上使用过滤器：

Ext.create('Ext.grid.Panel', {
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'age', 'gender'],
        filters: Ext.create('Ext.util.FilterCollection'),
        data: [
            { name: 'John', age: 25, gender: 'Male' },
            { name: 'Jane', age: 30, gender: 'Female' },
            { name: 'Bob', age: 35, gender: 'Male' },
            { name: 'Alice', age: null, gender: 'Female' }
        ]
    }),
    columns: [
        { text: 'Name', dataIndex: 'name', filter: true },
        { text: 'Age', dataIndex: 'age', filter: true },
        { text: 'Gender', dataIndex: 'gender', filter: true }
    ],
    dockedItems: [{
        xtype: 'toolbar',
        items: [{
            xtype: 'textfield',
            emptyText: 'Filter...',
            listeners: {
                change: function (textfield, newValue) {
                    var grid = textfield.up('grid'),
                        store = grid.getStore(),
                        filter = Ext.create('Ext.util.Filter', {
                            property: 'name',
                            value: newValue,
                            operator: 'like'
                        });

                    store.clearFilter();
                    store.addFilter(filter);
                }
            }
        }]
    }],
    renderTo: Ext.getBody()
});

在上述示例中，我们创建了一个包含姓名、年龄和性别的网格。其中，年龄字段中有一个空记录。我们为每一列设置了filter属性为true，启用了过滤功能。在顶部工具栏中添加了一个文本框，用于输入姓名过滤条件。当用户输入过滤条件并按下回车键时，会触发文本框的change事件处理程序。在处理程序中，我们获取了网格的Store对象，并使用之前创建的过滤器对象进行过滤。最后，通过调用store的clearFilter方法清除之前的过滤器，并调用addFilter方法添加新的过滤器，实现了网格数据的过滤。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。