使用PagingMemoryProxy时,网格加载掩模不会消失

时间:2013-12-05 09:47:57

标签: javascript extjs pagination extjs4 extjs4.1

我正在尝试使用具有PagingMemoryProxy的商店创建网格。
分页正在起作用,我可以看到以及更改所有页面 但是loadmask不会消失,所以我无法编辑网格数据。

这是我的代码

 Ext.require('Ext.ux.data.PagingMemoryProxy');
 var data = {
    Accounts: [{
        id: 1,
        name: 'Ed Spencer'
    }, {
        id: 2,
        name: 'Abe Elias'
    }, {
        id: 3,
        name: 'Tom Elias'
    }]
};

Ext.define('Account', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'id',
        type: 'string'
    }, {
        name: 'name',
        type: 'string'
    }]
});

var store = Ext.create('Ext.data.Store', {
    storeId: 'myStore',
    pageSize: 2,
    model: 'Account',
    data : data,
    proxy: {
        type: 'pagingmemory',
        reader: {
            type: 'json',
            root: 'Accounts'
        }
    },
});

var pagingBar = new Ext.PagingToolbar({
    store: store,
    displayInfo: true,
    displayMsg: 'Displaying Accounts {0} - {1} of {2}',
    emptyMsg: "No Accounts to display"
});

var grid = new Ext.create('Ext.grid.Panel', {
    title: 'Accounts',
    store: store,
    columns: [{
        header: 'Id',
        dataIndex: 'id',
        editor: 'textfield'
    }, {
        header: 'Name',
        dataIndex: 'name',
        flex: 1,
        editor: {
            xtype: 'textfield',
            allowBlank: false
        }
    }],
    plugins: [
    Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToEdit: 1,
        pluginId: 'rowEditing'
    })],
    height: 200,
    width: 400,
    loadMask: false,
    renderTo: "editor-grid",
    bbar: pagingBar
});

存储加载事件被触发,我可以看到加载掩码后面的灰色数据 Firbug没有显示任何错误。 我正在使用Extjs 4.1.3。
任何想法是什么问题。

提前致谢

1 个答案:

答案 0 :(得分:1)

看起来像known bug,认为它已在Extjs 4.2.1中修复

作为临时修复,您可以使用

隐藏'在商店负载'上的掩码
grid.getView().setLoading(false);

此处示例:https://fiddle.sencha.com/#fiddle/1v9