Sorting extjs问题扩展Ext.grid.header.Container

我正在尝试创建远程多重排序

字段用逗号分隔

减号代表DESC

示例localhost:8080/api/？sort=id，-externalId&page=1&start=0&limit=200

当我在网格列配置中编写headerclick时，它工作得很好

但当我试图创建multisorheader组件并用Ext.require加载它时，我看到的只是一个白色页面

没有错误，什么都没有

请给我一个线索。 谢谢

前控制器

Ext.require([
'Ext.grid.*',
'Ext.data.*',
'Ext.util.*',
'Ext.ux.grid.header.MultisortHeader'

]);

组成部分

Ext.define('Ext.grid.header.MultisortHeader', 
{    extend:'Ext.grid.header.Container',
alias:'widget.MultisortHeader',
requires: [
'Ext.grid.ColumnLayout',
'Ext.grid.column.Column',
'Ext.menu.Menu',
'Ext.menu.CheckItem',
'Ext.menu.Separator',
'Ext.grid.plugin.HeaderResizer',
'Ext.grid.plugin.HeaderReorderer'
],

initComponent:function () {
var me = this;
this.callParent(arguments);
},
listeners:{
headerclick:function (ct, column, e, el, opts) {

var dataIndex = column.dataIndex,
    grid = this.up('grid'),
    item,
    sortline = '';
grid.remoteSorters = grid.remoteSorters || {};
grid.remoteSorters[dataIndex] = Ext.String.toggle(grid.remoteSorters[dataIndex], 'ASC', 'DESC');
for (item in grid.remoteSorters) {
    if (grid.remoteSorters[item] == 'DESC') {
        sortline += '-';
    }
    sortline += item;
    sortline += ',';
}
if (sortline.charAt(sortline.length - 1) == ',') {
    var sortlineTrim = sortline.substring(0, sortline.length - 1);

} else {
    sortlineTrim = sortline;
}

var store = grid.getStore();
var proxy = store.getProxy();
proxy.extraParams.sort = sortlineTrim;
store.load();

}
}

});

---

您使用的是什么ExtJs版本？您已经在

Ext.grid.header.multisorheader

中定义了类，但是在

Ext.*ux**.grid.header.multisorheader

中需要它，除非我没有遵循.Matt！这只是我在定义后如何使用ITA的示例。