46、书籍管理系统开发与应用：从数据展示到实时同步

书籍管理系统开发与应用：从数据展示到实时同步

1. 书籍在 TileList 中的展示

为了让应用尽可能方便用户使用，我们选择使用水平分割框容器（HDividedBox）。TileList 作为 HDividedBox 的子组件，我们使用全新的 BookThumb 组件作为项目渲染器。以下是相关代码，需在 DataService 声明之后添加：

<mx:HDividedBox width="100%" height="100%">
    <mx:TileList id="bookTiles" dataProvider="{theBooks}"
        width="30%" height="100%" 
        itemRenderer="vo.BookThumb"
        columnWidth="105" rowHeight="125" borderStyle="none"/>
</mx:HDividedBox>

我们将 dataProvider 属性绑定到之前声明为可绑定的 ArrayCollection。这样，当服务器数据可用时，TileList 就会被 Book 对象填充，并由项目渲染器呈现。运行应用时，我们会看到一个充满书籍封面的 TileList。

2. 展示每本书的详细信息

我们要扩展应用，使得在列表中点击某一项时，能看到所选项目的所有详细信息。和应用的第一部分类似，我们要为 TileList 组件的 change 事件编写事件处理程序。当在列表中选择一项时，我们用所选项目的数据填充一个