仿照Flexstroe3写的一个员工管理应用 （四）

本篇内容为创建员工缩略图以及员工详细信息，如图。

?

?

1.在views.personnel包下创建一个名为EmployeeCatalogPanel的Panel组件，分别用【browse】和【details】两个state显示员工列表和员工详细信息。

?

2. 在EmployeeCatalogPanel中创建一个BorderContainer，里面包含一个Cavas用于显示员工列表。
?
?
?3. 创建一个类型为ArrayCollection的变量_catalog，用于存放Employee List，重写其set和get。
?
?
?
7.为EmployeeCatalogThumbnail加入rollOver、rollOut、click的事件处理函数。
?
8.回到EmployeeCatalogPanel，创建一个Array对象，用于存放EmployeeCatalogThumbnails。
?
?
12. 在views.personnel包下创建一个名为EmployeeDetails的BorderContainer组件，用于显示员工详细信息，其内容如图，代码参照附件。
?
13.?回到EmployeeCatalogPanel，在thumbContent下面加入EmployeeDetails。
?
?
?
?
14. 在showDetails()中将显示detail，并将其余的thumbnail移动到右手边。
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?