【IT168 技术文档】

    样例4：Flex编程模型
    运行样例
    访问http://localhost:8080/testdrive/sample4/MasterDetail.mxml
    点击列表中的一个电话：被选择电话的细节出现在右边的panel控件中。
    在代码编辑器中打开下面的文件：

sample4\MasterDetail.mxml
sample4\Thumb.mxml
sample4\ProductView.mxml 

    和其他的面向对象语言一样，一个Flex应用也是由很多类的集合组成。使用Flex，你能使用MXML或ActionScript产生类。典型地，你可以在MXML生成视图类，在ActionScript中产生模块类与控制器类。

    当你生成一个mxml文件时，实际上是生成一个类。Mxml文件的根结点预示了你要扩展的类。

    例如，产生一个根结点为<Application>的MasterDetail.mxml文件就等同于使用public class MasterDetail extends Application { }产生一个ActionScript类。

    同样的，产生一个根结点为<Panel>的ProductView.mxml文件就相当于用public class ProductView extends Panel { }产生一个类。

    一旦你已经定义了一个类，你可以无需一个附加的描述文件而公开地使用（做为MXML文件中的一个标签）。公共属性做为标签属性可以自动获得。例如，在MasterDetail.mxml文件中，我们定义<ProductView>标签，绑定它的产品属性到选择的产品列表上。也要注意对CSS样式表的支持

    样例5：更新数据
    运行样例
    访问http://localhost:8080/testdrive/sample5/SampleUpdate.mxml
    选择一个电话 修改右面panel控件上的一些数据。例如，价格。
    点击更新：修改被送到终端，被ProductService类保存在数据库中。
    在代码编辑器中打开下面的文件：

sample5\SampleUpdate.mxml
sample5\ProductForm.mxml
sample5\Product.as
WEB-INF\src\flex\testdrive\store\ProductService.java
WEB-INF\flex\remoting-config.xml

    在Product.as文件中，我们使用[RemoteClass(alias="flex.testdrive.store.Product")]
注解将Product类(Product.as)中的ActionScript版本映射到Java版本 (Product.java)中。因此，由ProductService 的getProducts()方法返回的Product对象被deserialize到ActionScript Product类的实例中。同样地，作为一个参数被传递给RemoteObject的update方法的ActionScript Product实例被deserialize到服务器端Java版本的Product类的一个实例中。