【dataview组件】在Sencha Touch 2框架中是一个重要的组件，用于展示大量数据集，通常用于列表或网格形式的展示。它结合了数据存储（`Ext.data.Store`）和模板（`Ext.XTemplate`），能高效地渲染数据到视图上。以下是关于dataview组件的详细知识：
**基本功能与示例**
在给定的代码示例中，dataview组件用于展示由`calcData`函数生成的30个随机颜色的条形。`calcData`函数创建了一个包含id和rgb颜色值的对象数组。这些数据被存储在`Ext.data.Store`中，并通过`Ext.XTemplate`定义的模板渲染。dataview组件在`Ext.Panel`中显示，具有一个顶部工具栏，其中有一个按钮，点击时会更新颜色数据。
**样式配置**
dataview组件提供了两种主要的样式配置：
1. `baseCls`：允许为整个dataview组件添加一个CSS类，可以用来设置全局样式。
2. `itemCls`：用于给dataview的每一项添加一个特定的CSS类，方便对单个数据项进行个性化样式设定。
例如，在示例中，`baseCls:'book'`为dataview设置了基础样式类，而`itemCls:'bookItem'`则为每个数据项添加了单独的样式类。
**数据排序**
dataview组件默认并不会自动排序数据。如果需要对数据进行排序，可以使用`Ext.data.Store`的`sort`方法，传入排序字段和排序方向。例如，按id字段升序排序可以写为：`store.sort('id', 'ASC')`。
**选取方式**
dataview组件提供多种选择数据的方式，这取决于配置的`multiSelect`, `simpleSelect`, 和 `singleSelect`属性。默认情况下，通常没有选择功能。若开启，用户可以通过触摸操作来选择一项或多项目。
**常用事件**
dataview组件支持以下事件监听：
1. `itemsingletap`：当用户单击一个数据项时触发，可用于执行单击操作。
2. `itemdoubletap`：当用户双击一个数据项时触发，常用于实现不同功能或者展开/关闭详情。
3. `itemtap`：每次点击数据项时都会触发，无论单击还是双击。
在事件监听器中，可以访问到dataview对象、数据项的索引、DOM元素、关联的数据记录以及原始的事件对象，以便处理相应的操作。例如，`itemsingletap`事件处理函数可以弹出一个消息框显示选中数据项的名称。
dataview组件是Sencha Touch 2中用于数据可视化的核心组件，能够灵活地呈现和交互数据，适用于各种列表、卡片等场景。通过合理的配置和事件监听，可以实现丰富的用户界面和交互体验。
