使用分页插件的Sencha触摸数据视图

Question

我注意到在Sencha Touch中有一个非常令人讨厌的错误。当我试图将分页插件添加到我的数据视图中时，"load more“文本被放置在项目的上方，而不是像我想要的那样放在下面。它适用于标准的列表视图。

我发现另一个线程要求我在数据视图中添加"inifinte:true“，但这并没有帮助。也没有“底部:0”或“停靠：‘底部’”选项。这是我的代码：

{
  xtype: 'dataview',
  plugins: {
     type: 'listpaging',
     loadMoreText: 'Indlæs flere..',
     autoPaging: true
  },
  flex: 1,
  cls: 'inspectionImages',
  itemId: 'imageContainer',
  padding: 10,
  style: 'background: #F7F7F7; color: black',
  emptyText: 'Der er ingen billeder på synet.',
  itemTpl: ['...'],
  loadingText: 'Henter billeder..',
  store: 'Images'
}

这里还有一个示例sencha代码-框架是2.4.x：

Ext.application({
launch: function () {
    var touchTeam = Ext.create('Ext.DataView', {
        fullscreen: true,
        plugins: {
            type: 'listpaging',
            loadMoreText: 'Indlæs flere..',
            autoPaging: true
        },
        store: {
            fields: ['name', 'age'],
            data: [{
                name: 'Jamie',
                age: 100
            }, {
                name: 'Rob',
                age: 21
            }, {
                name: 'Tommy',
                age: 24
            }, {
                name: 'Jacky',
                age: 24
            }, {
                name: 'Ed',
                age: 26
            }]
        },
        itemTpl: '<div>{name} is {age} years old</div>'
    });

    touchTeam.getStore().add({
        name: 'Abe Elias',
        age: 33
    });

    touchTeam.getStore().getAt(0).set('age', 42);
  } // launch
}); // application()

我在sencha触摸文档中检查了Ext.dataview.dataview，这在添加分页插件时显示了类似的行为，因此我知道这可能不是我自己的错。我真的希望loadinText放在数据视图的底部。如有任何建议，将不胜感激！

Answer 1

事实证明，分页插件不是用于Dataview的。不过也可以用。最后，我只需在每次加载插件的末尾手动移动DOM中的"load更多“文本。为了确保没有丢失侦听器，我使用了appendchild函数并应用了一些定制的css。现在一切都如期而至。

Answer 2

列表寻呼插件是为列表开发的。如果您使用它作为DataView，那么加载更多的文本将出现在顶部。我也遇到过同样的问题，我已经浏览了列表寻呼插件Js。然后通过更改Css属性得到解决方案。

检查“加载-旋转器”CLass，并将样式更改为:style=“字体大小: 180%；边距:10 0px汽车；位置:绝对；底部:0 0px；左: 50%，检查类-”列表-分页-msg“，并将样式更改为style=”位置:绝对；底部: 0px；左:50%；

Answer 3

这是Sencha中的一个bug。米切尔西蒙斯告诉这里，它只适用于List，但我认为这也应该支持dataview，因为它比list轻。

在sencha论坛解决方案中，您可以看到他们已经将xtype从dataview更改为list。我也有同样的问题，我也是这样做的。但是，如果您想要dataview而不是list的外观和感觉，您可以添加一些内容。

disableSelection: true,
pressedCls: '',

希望这能帮到你。如果你还需要什么就告诉我。