ASP.NET 2.0+Atlas编写鼠标拖放程序

时间:2008-10-07 12:07:40  来源:第二电脑网上收集  作者:

  第二电脑网导读:0000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" src="http://dev.yesky.com/imagelist/06/37/79elg7eg2kzo.jpg" border="1" />  一. 简介  本文旨在帮助读者理解微软的Atlas技术的某些方面的工作原理。Atlas的实现宗旨是简化AJAX风格的Web程序开发。然而,就象所有其它技术一样,为了更好地使用这个工具,你需要深入理解Atlas抽象的...
  正文: 摘要 本文将详细探讨Atlas中的声明性编程与强制性编程之间的关系,及如何用之在一个web客户端实现拖放功能。下图为本文相应示例程序运行结果快照



  一. 简介

  本文旨在帮助读者理解微软的Atlas技术的某些方面的工作原理。Atlas的实现宗旨是简化AJAX风格的Web程序开发。然而,就象所有其它技术一样,为了更好地使用这个工具,你需要深入理解Atlas抽象的内在技术。Atlas抽象的一个关键之处是新的XML标记语法,目的是实现利用Atlas进行编程更为容易。借助于XML标记,开发者能够以声明性方式修改他们的代码。然而,有时当一个开发者可能想以编程方式来改变其代码时,他需要理解,在标记抽象层下面,他实际在与一些JavaScript及一些微软开发的定制JavaScript库打交道。为了展示Atlas声明性模型与可编程模型之间的关系,我们将讨论几个例子,在这些示例中,我们将使用两种模型来实现相同的功能。我将向你展示如何使用AtlasUIDragDrop库文件来执行基本的拖放操作以及建立放置区。

  [背景

  当我写作本文时,Atlas仍处于其beta测试阶段,并且在继续修改中。本文中的这些示例适用于Atlas的四月CTP版本;因此,Atlas的更新的发行版本可能会影响本文的精确性。另外,还要注意,Atlas仅能与.NET 2.0一起工作。

  二. 声明性拖放

  为了把拖放行为添加到一个div标签,第一项任务是使用Atlas标记。通过拖放,我仅想实现能够拖放一个对象并且让它位于你想把它放置的地方。当把一个对象放置到一个指定的点时,在实际开发中所表现出的动作将在后面讨论。为了配置你的网页以便使用Atlas,你需要从微软站点把Microsoft.Web.Atlas.dll文件下载到你的bin文件夹下并且使用下列入口配置你的web.config文件:

<system.web>
<pages>
 <controls>
  <add namespace="Microsoft.Web.UI"
assembly="Microsoft.Web.Atlas" tagPrefix="atlas"/>
  <add namespace="Microsoft.Web.UI.Controls"
assembly="Microsoft.Web.Atlas" tagPrefix="atlas"/>
 </controls>
</pages>
</system.web>

  接下来,你需要把一个Atlas脚本管理器控件添加到你的.ASP/ target=_blank class=infotextkey>aspx页面并且使用AtlasUIDragDrop库来配置:

<atlas:ScriptManager ID="ScriptManager1" runat="server">
 <Scripts>
  <atlas:ScriptReference ScriptName="AtlasUIDragDrop" />
 </Scripts>
</atlas:ScriptManager>

  然后,添加你想使之可拖放的div对象,并且确保它有一个拖放句柄:

<div style="background-color:Red;height:800px;width:600px;">
 <div id="draggableDiv"
style="height:100px;width:100px;background-color:Blue;">
  <div id="handleBar"
style="height:20px;width:auto;background-color:Green;">
  </div>
 </div>
</div>

  最后,添加能够使你的div成为可拖放的标记脚本:

<script type="text/xml-script">
<page xmlns:script="http://schemas.microsoft.com/xml-script/2005">
 <components>
  <control id="draggableDiv">
   <behaviors>
    <floatingBehavior handle="handleBar"/>
   </behaviors>
  </control>
 </components>
</page>
</script>


  至此,你应该有了一个可拖放的div标签。该示例展示了结合Atlas使用声明性方式的简单性和容易性。在Atlas所引入的术语中,你仅使用了声明性标记来把漂浮行为添加到一个HTML元素。


"ASP.NET 2.0+Atlas编写鼠标拖放程序"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/ASP/2008-10-07/3059.html

 1/4    1 2 3 4 下一页 尾页


关键字:

关于《ASP.NET 2.0+Atlas编写鼠标拖放程序》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td