Sorting 在Sencha Touch 2中，如何自定义加载掩码并在使用ListPaging时对列表项进行排序

我有两个问题：

1.我不喜欢ListPaging中的加载掩码，有没有办法自定义它？ 这是我的密码：

商店

Ext.define('tyoa.store.request.Documents', {
extend: 'Ext.data.Store',

config: {
    model: 'tyoa.model.request.Document',
    storeId: 'documents',
    pageSize:10,
    // autoSync:true,
}
});

控制器中的方法，它将加载第一页并显示视图：

showYuejianRequestView:function(){
    storeDocuments = Ext.getStore('documents');
    storeDocuments.removeAll();
    storeDocuments.setProxy({
        type:'ajax',
        limitParam:'limit',
        pageParam:'page',
        url:Global.API+'/request/bangongting/requestConsultList.jsp',
        reader:{
            type:'json',
            rootProperty:'requestConsult',
            totalProperty:'total',
        }
    }); 
    storeDocuments.loadPage(1);
    var requestList = Ext.create('tyoa.view.request.RequestConsultList');
    global.viewDirectionLeft(requestList);
},

列表视图：

Ext.define('tyoa.view.request.RequestConsultListDetail',{
extend:'Ext.List',
alias:'widget.requestConsultListDetail',
xtype:'requestConsultListDetail',
requires: ['Ext.plugin.ListPaging',
               'Ext.field.Search',
               'Ext.data.JsonP'],   
config:{
    //emptyText: '没有已办过的文件！',
    plugins:[
        {
            xclass: 'Ext.plugin.ListPaging',
            autoPaging: false,
            noMoreRecordsText: 'No more',
            loadMoreText: 'Load more...'
        },
    ],
    cls: 'x-contacts',      
    itemTpl: [
       '<div class="headshot"><img src='+Global.IMG+'{createUserImgUrl} width="37" height="37"/></div>',
        '{senderName}',
        '<img width="20" height="27" style="float:right; margin:5px 0px;" src="resources/images/arrow.png" />',
        '<span class="time">{sendTime}</span>',
        '<tpl if="title!=null"><span>{title}</span></tpl>',
        '<tpl if="title==null"><span>{content}</span></tpl>',              
    ].join(''),
    store: 'documents'
}
});

但是，当我加载第二页时，这两页的项目将再次搅拌在一起，因此您无法区分哪些是第一页，哪些是第二页，我不希望发生这种情况。

---

任何帮助或提示都将不胜感激，提前谢谢

几天前，我的一位同事解决了这个问题。在

/sdk/src/dataview/dataview.js

（在

st2.0

）的第785行，您将看到

if (loadingText) {
    this.setMasked({
       xtype: 'loadmask',
       message: loadingText
});

只需覆盖它，例如：

if (loadingText) {
    this.setMasked({
        xtype: 'loadmask',
        indicator: false,
        message:'<img src="resources/images/ajax-loader.gif"/>',
        messageCls:'width:48px;'
});

if（加载文本）{
这是我的面具({
xtype:“加载掩码”，
指标：假，
消息：“”，
messageCls:'width:48px；'
});

列表分页加载掩码将被更改！从未想过它在

DataView.js

中

if (loadingText) {
    this.setMasked({
        xtype: 'loadmask',
        indicator: false,
        message:'<img src="resources/images/ajax-loader.gif"/>',
        messageCls:'width:48px;'
});