sencha touch ListPaging插件“加载更多”按钮位置问题

-1

我正面临一个问题，关于的位置加载更多...按钮sencha touch2。这里，负载更多按钮使用ListPaging插件添加从Ext.plugins.Listpaging文档它指出：sencha touch ListPaging插件“加载更多”按钮位置问题

在列表的底部添加一个负载更多按钮。当用户按下此按钮时，数据的下一页将被加载到商店中并附加到列表中。

但是，在这里，加载更多按钮的列表项出现在列表顶部，而不是底部。见我的代码在这里：

Ext.define('MyApp.view.MyLIst', { 
      extend : 'Ext.dataview.List', 
      xtype : 'mylist', 
      id : 'myList' , 
      requires : [Ext.data.Store','Ext.plugin.ListPaging'], 

      config : { 
       width : '100%', 
       height : '100%', 
       loadingText : 'Loading data...', 
       emptyText : 'No Members', 
       itemTpl : '<div class="mylisttitle">{title}</div>', 
       store : 'mylistStore', 
       plugins : [ 
         { 
         xclass : 'Ext.plugin.ListPaging', 
         autoPaging : false, 
         loadNextPage: function() { 
           console.log('Load more button clicked'); 
          // fire event here 
          } 
         }], 
       masked : false, 
       mode : 'SINGLE', 
       scrollable : { 
        direction : 'vertical', 
        directionLock : true 
       } 
      } 

     });

，看看下面的结果： enter image description here

任何想法，我怎么能显示在列表的底部相同的按钮？

感谢

编辑：我已经张贴问题senchatouch论坛上，仍在等待一个解决方案，你可以看到它here

来源

2013-05-28 D_D

如果您有任何自定义的CSS尝试禁用它。或者，如果您能够在小提琴中重现相同的问题，则修复起来会更容易。这是一个工作演示http://jsfiddle.net/blessenm/9ypwk/ – blessenm

解决它：

我错过了这一点：infinite: true

加载更多按钮现在出现在底部。

感谢@blessenm为working Demo :-)

来源

2013-06-03 07:17:15

那样的陌生。你可以尝试移除这些属性（宽度，高度和可滚动），并将“layout：fit”添加到此列表的父级。

来源

2013-05-28 13:05:10 Swar

韦尔，这是我发布这个问题后，我第一次尝试..stil没有改变:-( –

解决，看到我的答案 –

如果您有任何自定义的CSS尝试禁用它。或者，如果您能够在小提琴中重现相同的问题，则修复起来会更容易。这是一个工作演示jsfiddle.net/blessenm/9ypwk

Ext.application({ 
    launch: function() { 
     Ext.define('TweetStore', { 
      extend: 'Ext.data.Store', 

      config: { 


     fields: ['from_user', 'profile_image_url', 'text', 'created_at'], 

      pageSize: 25, 
      autoLoad: true, 

      proxy: { 
       type: 'jsonp', 
       url: 'http://search.twitter.com/search.json', 

       pageParam: 'page', 
       limitParam: 'rpp', 

       extraParams: { 
        q: 'sencha' 
       }, 

       reader: { 
        type: 'json', 
        rootProperty: 'results' 
       } 
      } 
     } 
    }); 

    Ext.define('MyApp.list.List', { 
     extend: 'Ext.List', 

     config: { 
      useSimpleItems: false, 
      variableHeights: true, 
      infinite: true, 
      disableSelection: true, 
      allowDeselect: false, 
      store: Ext.create('TweetStore'), 
      loadingText: 'Loading data...', 
      emptyText: 'No Members', 

      plugins: [{ 
       xclass: 'Ext.plugin.ListPaging', 
       autoPaging: false 
      }], 

      itemTpl: Ext.create('Ext.XTemplate', 
       '<div>{text}</div>'), 
      masked: false, 
      mode: 'SINGLE', 
      scrollable: { 
       direction: 'vertical', 
       directionLock: true 
      } 
     } 
    }); 

    Ext.define('MyApp.list.Container', { 
     extend: 'Ext.Container', 
     config: { 
      fullscreen: true, 
      layout: 'vbox', 
      items: [{ 
       xtype: 'titlebar', 
       title: 'Load More Plugin', 
      }, { 
       xclass: 'MyApp.list.List', 
       flex: 1 
      }] 
     } 
    }); 
    Ext.create('MyApp.list.Container'); 
} 
});

来源

2013-06-03 07:38:38 blessenm

sencha touch ListPaging插件“加载更多”按钮位置问题

回答

相关问题