数据视图和模板 View Template

本文介绍了ExtJS中的数据视图DataView和ListView,重点讨论了数据源、模板定义、性能优化以及事件处理。DataView使用XTemplate作为模板机制,依赖Ext.data.Store作为数据源,支持多种选择模式和内置事件。ListView则是一种轻量级组件,适用于高效显示数据。同时,文章探讨了模板的实现原理,包括循环、内置变量和函数的使用。最后,分享了模板优化和UI交互的技巧。
摘要由CSDN通过智能技术生成


1 数据视图概述

 


从继承关系来看,dataview继承了boxComponent的特性,而且可以方便的添加基本的事件监听。还值得庆幸的是,3.0对数据视图的支持上,又多了一个组件:listview。如果是开发的熟手,肯定对这个名字很熟悉,因为很多开发环境中都提供了类似的组件。这是一个轻量级的组件,如果对数据没有其他的一些处理,使用这个组件,会大大的提高性能。
为数据的显示提供一种使用自定义布局模板和格式方式。DataView使用场所的XTemplate作为其内在的模版机制,使用的数据源是Ext.data.Store以便为数据的存储改变策略是自动更新,以及时的反映这些改变。内置的事件也提供了一些常见的事件,其中包括item的click,doubleclick,mouseove,mouseout等,以及一个内置的选择模型。为了利用这些属性,itemSelector配置必须提供DataView来确定它能正常工作。
1.1 自定义视图Dataview
1.1.1 定义数据源
 
此处使用的是json格式的数据源,关于数据源的相关知识请参照第9章数据存储。作为例子,此处不再详细讲解。
1.1.2 模板定义
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值