接下来，让我们看一下页面中使用的两个导航按钮的定义。
列表9
|
<button id="previousButton"> <click> <invokeMethodAction target="detailsView" method="movePrevious" /> </click> <bindings> <binding dataContext="detailsView" dataPath="canMovePrevious" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> <label id="rowIndexLabel"> <bindings> <binding dataContext="detailsView" dataPath="dataIndex" property="text" transform="Add" /> </bindings> </label> <button id="nextButton"> <click> <invokeMethodAction target="detailsView" method="moveNext" /> </click> <bindings> <binding dataContext="detailsView" dataPath="canMoveNext" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> |
在此，控件ItemView提供的一些方法和属性用于实现加载到其中的相邻记录之间的导航。如果用户正在浏览第一条记录，那么属性canMovePrevious被设置为false；否则为true。此外，我们还为按钮previousButton的click事件指定了一个相应的行为。至于按钮nextButton，情况与之一致。另外，我们通过dataIndex属性来读取当前记录的索引值并把它绑定到label控件。
现在，让我们来讨论最有趣也是最重要的与数据库相关的CRUD操作部分。
列表10
广州网站建设,网站建设,广州网页设计,广州网站设计
|
<button id="addButton"> <click> <invokeMethodAction target="detailsView" method="addItem" /> </click> <bindings> <binding dataContext="EmployeeDataSource" dataPath="isReady" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> <button id="delButton"> <click> <invokeMethodAction target="detailsView" method="deleteCurrentItem" /> </click> <bindings> <binding dataContext="EmployeeDataSource" dataPath="isReady" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> <button id="saveButton"> <click> <invokeMethodAction target="EmployeeDataSource" method="save" /> </click> <bindings> <binding dataContext="EmployeeDataSource" dataPath="isDirtyAndReady" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> <button id="refreshButton"> <click> <invokeMethodAction target="EmployeeDataSource" method="load" /> </click> <bindings> <binding dataContext="EmployeeDataSource" dataPath="isReady" property="element" propertyKey="disabled" transform="Invert" /> </bindings> </button> |
在此，当我们需要向数据集中添加新记录时，调用控件ItemView的addItem方法—此时数据源必须准备好。对于按钮delButton，情况也非常类似。当数据源准备好后，调用控件ItemView的方法deleteCurrentItem；否则按钮delButton被置为disabled。
对于按钮saveButton，情况则比较复杂。只有当数据源变‘脏’并且数据源已经准备好后，我们才能够保存数据。读者应该还记得在前面定义的那几个TextBox控件（它们位于ItemView控件的ItemTemplate模板内，并且都是进行双向的数据绑定）。所以，当用户更改任何一个TextBox控件中的内容时，ItemView控件的数据集将被自动更新，而且其数据源中的数据集也是如此。最后，数据源变‘脏’；同时，数据源也准备好，于是属性isDirtyAndReady被置为true—此时，按钮saveButton才会激活可用；否则不可用。
当你点击按钮refreshButton时，将再次发生一次SELECT查询，这又进一步触发所有绑定并把最新数据加载到当前页面中的控件内。请注意，这里的刷新操作是以AJAX方式（异步）实现的，因此，仅有控件ItemView被更新而不会产生整个页面的闪烁问题。
4.运行程序
如果没有什么问题的话，按下F5键，你将会看到如下图6所示的运行时刻快照。
 |
| 图6：例2的运行时刻快照 |
乍看这个屏幕，你会感觉它非常类似一个传统的桌面数据库应用程序的界面，但实际上其中显示的数据却是来自于一个远方的服务数据库！在此，我们再次领略了MS AJAX框架的威力。
五、总结
在本系列的这两篇文章中，我们深入剖析了微软ASP.NET Ajax中的数据绑定构架。因为本人也是这个框架的新手，而且这个框架也一直处于发展当中（特别是Futures CTP部分），所以在其中涉及的许多概念和例子里面很可能存在一定的错误，真诚希望读者朋友能够帮助批评指正。
