数据视图和模板 View Template

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 模板定义
 
关于模板的详细讲解，请参考本章第二节。最后一行代码是编译代码，如果这个模板要经常使用，编译以后，将优化性能。其实模板的实现实质就是函数的一个很好应用。
1.1.3