javascript - IE9 中的 ExtJS 5 网格过滤和排序中断

Question

我正在尝试向简单的 ExtJS 5 网格添加过滤。我正在使用安装提供的一个简单示例，看起来工作正常，但在 IE 中，当我尝试过滤所有记录时，所有记录都会被删除。

有人见过这个问题吗？这是我正在使用的代码。

`$("#SearchEmployees").click(function () {

var criteria = $("#employeeName").val();

if (criteria == '' || criteria == null) {
    alert("Please apply search criteria.");
    return;
}

var baseurl = $("#hdnUrlSearch").val();

var data = (function () {

    $("#employeesSearchGrid").empty();

    $.ajax({
        type: "POST",
        url: baseurl,
        dataType: "json",
        data: { employeeName: criteria },
        async: false
    }).done(function (retData) {
        data = retData;
    }).fail(function (xhr) {
        alert(xhr.responseText);
    });

    return data;
})();

Ext.define('EmployeeSearch', {
    extend: 'Ext.data.Model',
    fields: [
        'FullName',
        'DepartmentName',
        'PhoneNumber',
        'EmailAddr'
    ]
});


var store = Ext.create('Ext.data.Store', {
    model: 'EmployeeSearch',
    proxy: {
        type: 'ajax'          
    },
    data: data
});

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    forceFit: true,
    columns: [{
        header: 'Name',
        dataIndex: 'FullName',
        flex: 1,
        filter: 'string',
        width: 440
    }, {
        header: 'Department',
        dataIndex: 'DepartmentName',
        filter: 'string',
        flex: 1,
        width: 200
    }, {
        header: 'Direct Phone',
        dataIndex: 'PhoneNumber',
        filter: 'string',
        flex: 1,
        width: 240
    }, {
        header: 'Notification Email',
        dataIndex: 'EmailAddr',
        flex: 1,
        filter: 'string'
    }],
    renderTo: 'employeesSearchGrid',
    frame: true,
    plugins: ['gridfilters']
});

});`

Answer 1

通过添加网格高度解决了该问题。一旦我完成了过滤和排序就得到了修复。这是我的网格现在的样子:

 var grid = Ext.create('Ext.grid.Panel', {
    store: store,       
    columns: [{
        text: 'Name',
        dataIndex: 'FullName',            
        flex: 1,
        width: 440,
        sortable: true,
        filter: 'string'
    }, {
        text: 'Department',
        dataIndex: 'DepartmentName',
        flex: 1,
        width: 200,
        sortable: true,
        filter: 'string'
    }, {
        text: 'Direct Phone',
        dataIndex: 'PhoneNumber',
        flex: 1,
        width: 240,
        sortable: true,
        filter: 'string'
    }, {
        text: 'Notification Email',
        dataIndex: 'EmailAddr',
        flex: 1,
        sortable: true,
        filter: 'string'
    }],
    forceFit: true,
    split: true,
    renderTo: 'employeesSearchGrid',
    height: 210,
    frame: true,
    plugins: ['gridfilters']
});