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翻译 有错误帮忙指出
分享到:
相关推荐
本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是基于Ext.dataview.List构建的,它提供了强大的数据绑定功能,能够动态地根据数据源更新视图。要创建一个`List...
list.refreshItem(index); // 刷新指定索引的条目 } } ``` ### 5. 自定义模板 通过`itemTpl`配置项,你可以完全自定义每个条目的HTML结构和样式。这包括折叠/展开按钮、内容区域等。 ```javascript itemTpl: [ ...
除了使用`Store`,Sencha Touch2还提供了`Ext.Ajax.request`方法,这是一种更直接的使用AJAX的方式,适用于特定场景下的数据请求。 ```javascript Ext.Ajax.request({ method: 'POST', url: prefix + '/doc/...
在“Sencha Touch显示本地json数据”这个主题中,我们将深入探讨如何使用Sencha Touch来加载和显示存储在本地的JSON数据。对于初学者来说,这是理解Sencha Touch如何与数据交互的重要步骤。 首先,我们需要理解JSON...
### Sencha Touch 相关...无论是基本的 UI 元素还是高级的数据管理功能,Sencha Touch 都提供了成熟且易于使用的解决方案。对于希望利用 Web 技术栈快速开发高质量移动应用的开发者来说,Sencha Touch 绝对值得一试。
3. **创建列表(List)**:使用Sencha Touch的List组件展示图片。我们将监听其Scroller的`scroll`事件,以便在滚动时加载更多图片。 ```javascript var imageList = Ext.create('Ext.List', { store: imageStore, ...
使用Ext.Ajax.request方法,可以在Sencha Touch中发起Ajax请求。 Ext.Ajax.request是Sencha Touch提供的一个便捷方式来发起Ajax请求。此方法用于与服务器端的ashx文件进行交互,ashx是一种在.NET环境中处理HTTP请求...
2. **组件使用**:源码中会展示如何创建和配置Sencha Touch的各种组件,如用`Ext.container.Viewport`作为主容器,包含其他如`Ext.tab.Panel`或`Ext.list.ListView`等组件。 3. **数据加载**:应用可能使用`Ext....
学习这个案例,我们将了解到如何使用Sencha Touch的组件,如`Ext.List`(列表视图)和`Ext.Panel`(面板,常用于构建页面布局),以及如何在控制器中监听事件并响应。此外,还会涉及如何使用`Ext.data.Model`和`Ext....
在"sencha touch左侧拉出导航"这个主题中,我们将深入探讨如何使用Sencha Touch实现一个从左侧滑动拉出和收缩的导航菜单。 首先,让我们了解什么是侧滑导航。在许多现代移动应用中,用户可以从屏幕边缘(通常是左侧...
总的来说,通过学习 "nestedList" 示例,开发者能掌握 Sencha Touch 中如何利用 `Ext.NestedList` 实现层次数据的展示和交互,这对于构建复杂的移动应用界面非常有帮助。同时,这也展示了 Sencha Touch 在数据管理、...
使用 Sencha Touch 开发跨平台移动 Web 应用 Sencha Touch 是一款移动 Web 应用开发框架,由 Sencha 公司开发,旨在提升主流移动设备在浏览器上的触控操作,增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架...
在Sencha Touch中,可以使用`Ext.SlidingPanel`或者`Ext.NavigationView`配合`Ext.draw.Container`来创建这种效果。菜单部分可以通过`Ext.List`或者`Ext.dataview.List`组件实现,展示可点击的列表项。同时,顶部的...
Sencha Touch提供了一系列预定义的组件,如Ext.List、Ext.Panel等。你可以根据需要自定义组件,通过配置项设置组件的行为和外观。 - **控制器(Controller)**:`app/controller`下的控制器负责监听事件、管理视图...
- 使用`Ext.List`组件展示RSS条目。 - 实现数据加载和列表的动态更新,可能涉及AJAX请求和数据模型。 - 添加事件监听器,处理用户交互。 2. **jQuery Mobile开发流程** - 同样下载jQuery Mobile框架,引入相应...
在Sencha Touch 2中,你可以通过`Ext.app.Controller`定义控制器,并使用`refs`配置来引用视图和模型,使用`control`配置来监听事件。 8. **数据绑定**: Sencha Touch 2支持双向数据绑定,这意味着视图的更改会...
本书主要内容:Sencha Touch 2.0的新特性、开发环境的准备,以及应用的发布方法;Sencha Touch 2.0的配置、应用程序命名与启动、面板组件,以及对DOM的访问和控制;面板与布局,包括Tab面板组件、Carousel组件、...
Sencha Touch 提供了丰富的API和工具,如`Ext.data.Model`、`Ext.util.Collection`等,可以帮助你实现这些功能。 最后,关于文件名`ListSelected`,它可能是这个示例代码或相关资源的命名,可能包含了实现上述功能...