Ext.define('Contact.model.Titles', { extend: 'Ext.data.Model', config: { fields: [ { name: 'itemTitle',type: 'string'}, { name: 'itemValue',type: 'string'}, ], belongsTo: 'Agency' } });
Ext.define('Contact.model.Agency', { extend: 'Ext.data.Model', config: { fields: [ { name: 'agencyId',type: 'string'}, { name: 'agencyId',type: 'string'}, { name: 'state',type: 'string'}, {name: 'titleList'} ], hasMany : {model: 'Titles', name: 'titleList'} } });
Ext.define('Contact.store.Agency', { extend: 'Ext.data.Store', requires:['Contact.model.Agency'], config: { model: 'Contact.model.Agency', data: [ { "titleList": [ { "itemValue": "王晓亮", "itemTitle": "发起人" }, { "itemValue": "201202235", "itemTitle": "工单编号" }, { "itemValue": "SWX--TEST", "itemTitle": "工单说明" }, { "itemValue": "王晓亮", "itemTitle": "上次任务处理人" }, { "itemValue": "2013-05-29 16:09:53", "itemTitle": "上次办理时间" } ], "state": "3", "agencyId": "2029636", "flowId": "1860857" }]} })
Ext.define('Contact.view.AgencyList', { extend: 'Ext.dataview.List', id:'agencylistview', config: { title:'采购事项审批', pageNo:1, pageSize:10, totalpages:0, store:'Agency', itemTpl:new Ext.XTemplate('{agencyId}, {itemTitle}', { test:function(list) { return list[0].itemTitle; }, }), }, });
如果对你有帮助 可以捐助我呀!大老板们
分享到:
相关推荐
3. **数据绑定**:Sencha Touch 使用数据模型(Model)、存储(Store)和视图(View)的概念,实现了数据与界面的双向绑定,简化了数据管理。 4. **数据包管理**:通过Proxy组件,支持本地存储、JSONP、AJAX等数据获取...
Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...
1. **组件系统**:Sencha Touch的核心是其强大的组件(Component)系统,它允许开发者创建各种复杂的用户界面元素,如按钮、表格、列表、面板等。组件可以嵌套,形成复杂的UI结构。 2. **模型(Model)与存储...
总结,"sencha touch list demo"展示了如何使用Sencha Touch的List组件和Store来构建一个动态的数据展示界面。通过理解和实践这个示例,开发者可以更好地掌握Sencha Touch中数据驱动UI的设计原则,以及如何创建交互...
《般若人生》是一款基于Sencha Touch框架开发的移动应用项目。Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够...
4. **数据绑定**:Sencha Touch提供了一种强大的数据绑定机制,2.4.0可能进一步完善了数据模型和store的交互,使得数据操作更加简便和高效。 5. **API改进**:框架的API可能会进行一些调整和增强,以提高可读性和可...
Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...
你可以使用Sencha Touch 的模型(Model)和存储(Store)来管理这些数据,然后转换成FusionCharts所需格式。 4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建...
5. **路由和导航**:Sencha Touch 2支持页面间的导航和URL路由,方便构建复杂的多页面应用。 6. **主题和皮肤**:API文档会解释如何定制和应用不同的主题来改变应用的外观。 **API文档的重要性** 对于开发者来说,...
Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...
1. **组件系统**:Sencha Touch 基于组件化思想,每个可视元素如按钮、列表都是一个组件,可以通过组合组件创建复杂的用户界面。 2. **模型(Model)与存储(Store)**:数据模型定义了数据结构,而存储负责管理和...
Sencha Touch SDK工具是开发移动应用的重要资源,尤其对于那些希望使用Sencha Touch框架构建触控友好、跨平台Web应用程序的开发者来说。Sencha Touch是一个强大的JavaScript库,它提供了丰富的UI组件和API,使得...
Sencha Touch是一款强大的移动应用开发框架,主要用于构建高性能的触屏友好型Web应用程序。它提供了丰富的组件库,使得开发者能够创建复杂、互动性极强的移动应用。在处理大型或内容丰富的应用时,动态加载组件成为...
在Sencha Touch Grid中,数据通常通过Store对象管理。Store负责加载、存储和更新数据,可以连接到各种数据源,如JSONP、XML或本地存储。模型(Model)定义了数据字段和验证规则,是Store中数据对象的基础结构。 ###...
在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架...通过熟练掌握`Store`、`Reader`和`Ext.Ajax.request`等核心概念,开发者可以有效地管理数据流,实现更加复杂和响应式的用户界面。
Sencha Touch 是一款用于开发移动Web应用程序的JavaScript框架,它提供了丰富的组件库,使得开发者能够构建功能强大的、响应式的移动应用。在Sencha Touch中,`折叠List`(Accordion List)是一种特殊类型的列表,...
Sencha Touch 和 Cordova(PhoneGap)是两个在移动应用开发中广泛使用的框架。Sencha Touch 是一个专门用于创建触屏设备上的富交互应用的JavaScript库,提供了丰富的UI组件和强大的数据管理功能。Cordova(PhoneGap...
Sencha Touch是一款基于HTML5和...这仅仅是Sencha Touch与数据交互的一个基础示例,实际开发中可能涉及到更复杂的远程API调用、数据过滤、分页等操作。理解并熟练掌握这一过程,对于开发功能丰富的移动应用至关重要。
通过对上述代码的分析,我们可以看出 Sencha Touch 提供了一系列强大的工具和组件,使得开发者能够轻松构建复杂的移动应用。无论是基本的 UI 元素还是高级的数据管理功能,Sencha Touch 都提供了成熟且易于使用的...