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 模板定义
关