`
junjun16818
  • 浏览: 106258 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

sencha touch :Ext.list 使用方法

阅读更多

 

var list = new Ext.List({
        id: 'myList',
        floating: true,//设置此属性后才可以使用 height width
        width: 250,
        height: 200,
        fullscreed:true,//全屏显示
        dock: 'left', //显示的位置
        indexbar:true,//在list里 显示类似快速查找
        modal:true,//list变为模态框
        itemTpl: '{firstName}',//显示 store 里的数据
        draggable:true,//允许触摸拖动
        loadingText:'加载',//加载数据时显示的文字  (没测试过)
        margin:100,//设置与边框的距离 
        grouped: true,  //数据分类
        centered: true,//、居中显示
        hideOnMaskTap: false,//不设此属性当点击控件外控件会消失不知道原因
        preventSelectionOnDisclose: false,//当点击箭头的时候焦点在数据上
        onItemDisclosure: function(temp){//添加箭头 也可以为boolean类型
            //alert(count[temp.data.index])//temp.get(name);//获取当前store里的数据
            var store = makeImg(temp);
        },
		listeners:{
        	'show':function(){
        		
        		alert('eee');
        	
        	}
        	
        },
        padding: 10,
        store: store
    });
 方法:
getSelectedNodes()  //获取当前选定的节点
getSelectedRecords() //获取当前选定记录数组
getStore() //获取当前list的store
refresh() //重新加载从Store
SetHeight(100)// 设置高度
list.bindStore(demos.ListStore);//更换list 里的store 数据

事件:
fterrender //渲染完成
itemtap //点击列时触发
itemdoubletab //双击列 触发
selectionchange//改变焦点是触发
show // 显示后触发
 

 

 

 

英文太差劲  看文档 还得靠google翻译 有错误帮忙指出

分享到:
评论

相关推荐

    sencha touch 例子 list 使用 代码

    本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是基于Ext.dataview.List构建的,它提供了强大的数据绑定功能,能够动态地根据数据源更新视图。要创建一个`List...

    sencha touch 折叠list

    list.refreshItem(index); // 刷新指定索引的条目 } } ``` ### 5. 自定义模板 通过`itemTpl`配置项,你可以完全自定义每个条目的HTML结构和样式。这包括折叠/展开按钮、内容区域等。 ```javascript itemTpl: [ ...

    sencha touch2 ajax 获取数据

    除了使用`Store`,Sencha Touch2还提供了`Ext.Ajax.request`方法,这是一种更直接的使用AJAX的方式,适用于特定场景下的数据请求。 ```javascript Ext.Ajax.request({ method: 'POST', url: prefix + '/doc/...

    Sencha Touch显示本地josn数据

    在“Sencha Touch显示本地json数据”这个主题中,我们将深入探讨如何使用Sencha Touch来加载和显示存储在本地的JSON数据。对于初学者来说,这是理解Sencha Touch如何与数据交互的重要步骤。 首先,我们需要理解JSON...

    sencha touch

    ### Sencha Touch 相关...无论是基本的 UI 元素还是高级的数据管理功能,Sencha Touch 都提供了成熟且易于使用的解决方案。对于希望利用 Web 技术栈快速开发高质量移动应用的开发者来说,Sencha Touch 绝对值得一试。

    sencha touch图片懒加载

    3. **创建列表(List)**:使用Sencha Touch的List组件展示图片。我们将监听其Scroller的`scroll`事件,以便在滚动时加载更多图片。 ```javascript var imageList = Ext.create('Ext.List', { store: imageStore, ...

    senchatouch通过Ajax连接ashx

    使用Ext.Ajax.request方法,可以在Sencha Touch中发起Ajax请求。 Ext.Ajax.request是Sencha Touch提供的一个便捷方式来发起Ajax请求。此方法用于与服务器端的ashx文件进行交互,ashx是一种在.NET环境中处理HTTP请求...

    kitechen_app_sencha_touch

    2. **组件使用**:源码中会展示如何创建和配置Sencha Touch的各种组件,如用`Ext.container.Viewport`作为主容器,包含其他如`Ext.tab.Panel`或`Ext.list.ListView`等组件。 3. **数据加载**:应用可能使用`Ext....

    Sencha Touch 本地记事本 代码1

    学习这个案例,我们将了解到如何使用Sencha Touch的组件,如`Ext.List`(列表视图)和`Ext.Panel`(面板,常用于构建页面布局),以及如何在控制器中监听事件并响应。此外,还会涉及如何使用`Ext.data.Model`和`Ext....

    sencha touch左侧拉出导航

    在"sencha touch左侧拉出导航"这个主题中,我们将深入探讨如何使用Sencha Touch实现一个从左侧滑动拉出和收缩的导航菜单。 首先,让我们了解什么是侧滑导航。在许多现代移动应用中,用户可以从屏幕边缘(通常是左侧...

    sencha touch1.1.0

    总的来说,通过学习 "nestedList" 示例,开发者能掌握 Sencha Touch 中如何利用 `Ext.NestedList` 实现层次数据的展示和交互,这对于构建复杂的移动应用界面非常有帮助。同时,这也展示了 Sencha Touch 在数据管理、...

    使用SenchaTouch开发跨平台移动Web应用.doc

    使用 Sencha Touch 开发跨平台移动 Web 应用 Sencha Touch 是一款移动 Web 应用开发框架,由 Sencha 公司开发,旨在提升主流移动设备在浏览器上的触控操作,增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架...

    sencha touch app框架nav+tab和nav+menu

    在Sencha Touch中,可以使用`Ext.SlidingPanel`或者`Ext.NavigationView`配合`Ext.draw.Container`来创建这种效果。菜单部分可以通过`Ext.List`或者`Ext.dataview.List`组件实现,展示可点击的列表项。同时,顶部的...

    Sencha touch学习笔记二:自定义目录方式的创建第一个应用

    Sencha Touch提供了一系列预定义的组件,如Ext.List、Ext.Panel等。你可以根据需要自定义组件,通过配置项设置组件的行为和外观。 - **控制器(Controller)**:`app/controller`下的控制器负责监听事件、管理视图...

    用SenchaTouch和jQueryMobile开发移动应用的过程对比[收集].pdf

    - 使用`Ext.List`组件展示RSS条目。 - 实现数据加载和列表的动态更新,可能涉及AJAX请求和数据模型。 - 添加事件监听器,处理用户交互。 2. **jQuery Mobile开发流程** - 同样下载jQuery Mobile框架,引入相应...

    Sencha Touch 2 MVC Demo 本地Json访问数据

    在Sencha Touch 2中,你可以通过`Ext.app.Controller`定义控制器,并使用`refs`配置来引用视图和模型,使用`control`配置来监听事件。 8. **数据绑定**: Sencha Touch 2支持双向数据绑定,这意味着视图的更改会...

    Sencha Touch权威指南

    本书主要内容:Sencha Touch 2.0的新特性、开发环境的准备,以及应用的发布方法;Sencha Touch 2.0的配置、应用程序命名与启动、面板组件,以及对DOM的访问和控制;面板与布局,包括Tab面板组件、Carousel组件、...

    Sencha 自定义List中的checkbox

    Sencha Touch 提供了丰富的API和工具,如`Ext.data.Model`、`Ext.util.Collection`等,可以帮助你实现这些功能。 最后,关于文件名`ListSelected`,它可能是这个示例代码或相关资源的命名,可能包含了实现上述功能...

Global site tag (gtag.js) - Google Analytics