sencha > 下拉加载更多

最新推荐文章于 2026-01-02 01:33:42 发布

原创最新推荐文章于 2026-01-02 01:33:42 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php #json

Sencha Tcouch 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了Sencha框架中List组件的高级配置，包括加载更多、滚动条设置等，并展示了如何通过Ext.data.Store实现数据的高效存储与加载。

view 里面的

Ext.define('Sencha.view.IndexList', {
    extend: 'Ext.List',	
    xtype: 'index_list_xx',
    requires: ['Sencha.store.IndexListST'],  
       
    config: {    
    	//load more plugin  start----
        plugins: [
        	/*
            {
                xclass: 'Ext.plugin.PullRefresh',
                pullRefreshText: '松开手加载更多...'
            },
            */
            {
                xclass: 'Ext.plugin.ListPaging',
                autoPaging: true,
                loadMoreText:'下拉加载更多...'
                
            }
        ],    	
        //load more plugin  end----
			scrollable:true,
        title: 'American XX',  
        itemTpl: '{pic} ___ {name}',   
        store: 'IndexListST',    
    } 
});

store:

Ext.define('Sencha.store.IndexListST', {
    extend: 'Ext.data.Store', //继承
    config: {
        fields: ['pic', 'title'],
		autoLoad: true,
        proxy: {
            type: 'ajax',
            url: 'http://192.168.1.199/duduke/json/1.php?type=index_list',
            extraParams: {
                apikey: '8a341f85c657435989e75c9a83294762',
                per_page: 'all'
            }   
        }        

    }
});