代码打包下载 其中包含几个HandsOn的实验和根据微软视频教程整理成的一个示例应用.

 1Atlas学习笔记[1]  <script type="text/xml-script">
 2Atlas学习笔记[1]    <page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
 3Atlas学习笔记[1]      <components>
 4Atlas学习笔记[1]        <dataSource id="dataSource" serviceURL="SampleDataService.asmx" 
 5Atlas学习笔记[1]          propertyChanged="onChange"/>
 6Atlas学习笔记[1]        
 7Atlas学习笔记[1]        <listView id="masterRepeater" targetElement="dataContents" 
 8Atlas学习笔记[1]          itemTemplateParentElementId="masterTemplate" 
 9Atlas学习笔记[1]          propertyChanged="onChange">
10Atlas学习笔记[1]          <bindings>
11Atlas学习笔记[1]            <binding dataContext="dataSource" dataPath="data" 
12Atlas学习笔记[1]              property="data"/>
13Atlas学习笔记[1]          </bindings>
14Atlas学习笔记[1]          <layoutTemplate>
15Atlas学习笔记[1]            <template layoutElement="masterTemplate"/>
16Atlas学习笔记[1]          </layoutTemplate>
17Atlas学习笔记[1]          <itemTemplate>
18Atlas学习笔记[1]            <template layoutElement="masterItemTemplate">
19Atlas学习笔记[1]              <label targetElement="masterName">
20Atlas学习笔记[1]                <bindings>
21Atlas学习笔记[1]                    <binding dataPath="Name" property="text"/>
22Atlas学习笔记[1]                </bindings>
23Atlas学习笔记[1]              </label>
24Atlas学习笔记[1]              <hyperLink targetElement="masterDescription">
25Atlas学习笔记[1]                <bindings>
26Atlas学习笔记[1]                    <binding dataPath="Description" property="text"/>
27Atlas学习笔记[1]                </bindings>
28Atlas学习笔记[1]              </hyperLink>
29Atlas学习笔记[1]            </template>
30Atlas学习笔记[1]          </itemTemplate>
31Atlas学习笔记[1]          <emptyTemplate>
32Atlas学习笔记[1]            <template layoutElement="masterNoDataTemplate"/>
33Atlas学习笔记[1]          </emptyTemplate>
34Atlas学习笔记[1]        </listView>
35Atlas学习笔记[1]        
36Atlas学习笔记[1]        <application>
37Atlas学习笔记[1]          <load>
38Atlas学习笔记[1]              <invokeMethod target="dataSource" method="select"/>
39Atlas学习笔记[1]          </load>
40Atlas学习笔记[1]        </application>
41Atlas学习笔记[1]      </components>
42Atlas学习笔记[1]    </page>
43Atlas学习笔记[1]  </script>

上面是一段文档示例中的代码,因为还未正式发布,Atlas 的相关文档也不是很全,只有一些简单的说明和示例。网站上虽然有新手的快速入门示例,可惜没有提供下载版式的,用起来真是不方便,还是先自己研究一下再说。前两天看到微软的站上已经有文档下载了.地址在另一篇随笔里面.

最外面是XML的申明。

components里面大致包含了三块,前面指定了调用的WebService并映射成数据源的名称,中间的部分申请了一个类的Repeater的支持模版的服务器端客户脚本控件,其中包含两个子控件,分别用来显示名称和描述,并绑定了相应的数据字段。

最后是一个类似于是Page_Load的一个指令(我姑且这么认为)。

在这个例子设用的Web服务器实际上返回的是一个包含若干个数据对象类的集合。

TestParticialRender.aspx 是示例页面.这实际上是一个很简单但是常见的应用,主要目的在于使页面回发时只升级改动过的那部分内容而不是把全面页面都发回到服务器端,这些于提高性能来说无疑是很用的.在这里使用了一个UpdatePanel的服务器控件,在它的模版里面的内容可以被单独回传并设置一个事件来告诉它何时应该更新里面的数据,在这个示例里面有一个下拉框做的筛选器,只有符合条件的记录会被显示出来,此时需要刷新UpdatePanel里面的内容.

在这个页面还有另外的一个更新面板控件,它将单独处理添加新记录模块里面的内容.但它的触发方法不一样,由于它的更新将导致上面显示的内容的更新.

此外,由于后台更新数据时需要一定的时间,为了获得更好的用户交互特性,可以使用一个更新过程的控件,它可以在更新内容时显示一些提示信息告诉用户程序正在运行,可以避免由此造成的重复操作,这里为了查看最终的效果,我们人为地在Gridview编辑事件触发时给它加上2秒钟的延时,此处也可以插入一个Gif动画,以达到更好的效果.

本节内容根据微软官方网站上的视频教程整理而成,更详细的内容参看Atlas主页上的演示和Atlas的文档关于这几个服务器控件的使用方法.

相关文章:

  • 2022-01-25
  • 2021-10-16
  • 2021-10-27
猜你喜欢
  • 2022-02-01
  • 2021-09-13
  • 2021-06-16
  • 2021-10-12
  • 2022-02-20
  • 2021-12-29
相关资源
相似解决方案