`

sencha > 下拉加载更多

 
阅读更多

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'
            }   
        }        

    }
});

 

 

 

分享到:
评论

相关推荐

    webapp界面UI框架Sencha Touch 是WEB APP的界面UI组件库,明显比jquery Mobile快.zip

    文章“[原]移动web开发框架研究”可能包含更多关于不同框架的分析和对比,可以帮助你做出决策。 最后,对于内存占用问题,无论是Sencha Touch还是jQuery Mobile,如果处理不当,复杂DOM结构确实会给移动设备带来...

    sencha learn Touch Theming

    1. **主题结构**:Sencha Touch的主题通常基于SASS(Syntactically Awesome Style Sheets)构建,这是一种CSS预处理器,提供了变量、嵌套规则、混合等功能,让CSS编写更高效。一个基本的主题包含SASS变量文件、样式...

    ext 下拉树demo

    通过阅读`TreePicker.js`源码,我们可以更深入地理解EXT如何构建下拉树组件,包括其内部的工作原理、事件处理和定制化选项。同时,结合博客文章的介绍,我们可以学习到EXT在实际项目中的应用技巧和最佳实践。对于...

    html+Dhtml+css+jquery+Ext 3.0

    HTML5是当前最广泛使用的版本,它引入了更多语义化的标签,如`<article>`, `<section>`, 和 `<header>`,以更好地描述页面内容。 DHTML(Dynamic HTML)是HTML的一种扩展,它结合了HTML、CSS、JavaScript以及DOM...

    extjs 5 combogrid控件

    ExtJS 5 Combogrid 控件是Sencha公司开发的ExtJS框架中的一款高级组件,主要用于在表单中实现下拉列表与表格的结合,提供更丰富的数据展示和选择功能。Combogrid控件结合了combobox(下拉框)和grid(数据网格)的...

    EXT 时间控件

    EXT 是 Sencha 公司开发的一套前端框架,它提供了丰富的组件库,包括表格、面板、窗口、按钮等,EXT 时间控件就是其中的一种。 EXT 时间控件通常与日期选择器(DatePicker)一起使用,为用户提供日期和时间的组合...

    ext.net登陆框

    这只是一个基础的登录界面,实际项目中可能还需要考虑更多的安全性和用户体验优化,例如使用Ajax无刷新提交、加载等待效果、记住密码功能等。不过,这个基础的登录框已经能够帮助你开始你的Ext.NET开发之旅。

    extjs grid示例代码

    // 更多数据... ] }); var columns = [ { text: 'Name', dataIndex: 'name', width: 100 }, { text: 'Email', dataIndex: 'email', flex: 1 }, { text: 'Phone', dataIndex: 'phone', width: 150 } ]; ...

    Ext用户扩展控件----------支持多选的列表,就像QQ控件添加删除音乐列表的控件

    1. **可多选**:用户可以同时选择多个项目,与单选列表相比,更适用于需要批量操作的场景。 2. **添加和删除**:用户可以动态地向列表中添加或移除项,这种交互方式提高了用户体验,尤其在管理列表内容时。 3. **...

    EXT-GWT(GXT)2.2.3 API DOC.zip

    GXT是EXT-GWT的扩展,它提供了更多组件、样式和功能,使得开发者能够创建出与桌面应用相媲美的用户体验。GXT 2.2.3是该库的一个版本,其API文档可以帮助开发者深入了解并有效地使用这个框架。 API文档通常包含了类...

    extjs2.0(包含17套主题皮肤)

    这个版本包含了17套不同的主题皮肤,为开发者提供了更多的选择来满足不同项目的需求,使得应用程序的外观与品牌风格更加一致。 EXTJS 的核心特性包括: 1. **组件化**:EXTJS基于组件的设计,允许开发者构建复杂的...

    一个非常好的用extjs开发的股票信息显示的例子

    ExtJS是一种基于JavaScript的开源富客户端框架,由Sencha公司开发,主要用于构建桌面Web应用程序。...通过深入学习和实践,开发者可以利用ExtJS的强大功能,创建出更多功能丰富的股票分析或者其他数据展示应用。

    EXT下拉框显示树形结构源代码

    EXT COMBO是EXT库中的一个组件,它提供了一个可下拉的输入框,通常用于选择列表中的一个或多个项。而在某些情况下,我们可能需要在下拉框中展示树形结构的数据,这就是EXT COMBO TREE的用武之地。 EXT COMBO TREE是...

    ext 实例

    EXT是一个流行的JavaScript库,主要由Sencha公司开发,用于构建富客户端Web应用程序...不过,需要注意的是,EXT 2.0已是较旧的版本,最新版本EXT JS提供了更多功能和性能优化,对于新项目,建议考虑使用更新的EXT版本。

    extjs的ComboBox 2级联动

    同时,为了提供更好的用户体验,可以在数据加载期间显示加载提示。 在开发过程中,利用ExtJS提供的源码和工具,如Chrome开发者工具或Sencha CMD,可以帮助我们调试和优化代码。对于复杂的应用场景,理解ExtJS的事件...

    Extjs源码分析与开发实例宝典

    - **表单组件**:增加了更多输入控件,如日期选择器、下拉列表等,提高了表单的易用性。 - **图表组件**:引入了新的图表类型,如饼图、柱状图等,支持数据可视化。 ### 结论 《Extjs源码分析与开发实例宝典》全面...

    ext表单设计器,常用表单拖拉实现

    EXT是一个流行的JavaScript框架,由Sencha公司开发,用于构建富客户端应用。EXT表单设计器充分利用EXT库的功能,提供了可视化的设计界面,允许开发者通过拖放的方式创建复杂的表单结构,而无需编写大量的HTML和...

    Ext-JS框架中文文档

    ### Ext-JS框架中文文档知识点概览 #### 一、ExtJS框架简介 **ExtJS** 是一个基于JavaScript的开源框架,它...特别是这份中文文档的存在,极大地降低了学习门槛,使得更多的开发者能够快速上手并熟练运用这一框架。

    ExtJS开发实战

    3. **性能优化**:通过对代码进行压缩、懒加载等方式减少页面加载时间,提高应用性能。 4. **单元测试**:编写单元测试可以确保代码质量,并在修改或重构时避免引入新的错误。 5. **持续集成/持续部署(CI/CD)**:...

Global site tag (gtag.js) - Google Analytics