问ExtJS 5在IE9中的网格过滤和排序中断
EN

Stack Overflow用户

提问于 2014-07-09 06:23:52

回答 1查看 1.9K关注 0票数 0

我试图将过滤添加到一个简单的ExtJS 5网格中。我正在使用安装提供的一个简单的例子，它看起来很好，除了在IE中，当我尝试过滤所有的记录被擦除。

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

$(“#SearchEmployees”).click(函数() {

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']
});

)；

asp.net-mvc

extjs

extjs5

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-09 09:49:32

这个问题是通过增加网格高度来解决的。一旦我做了过滤和分类就修好了。下面是我的网格现在的样子：

 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']
});