科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件ASP.NET 2.0+Atlas编写鼠标拖放程序

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

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本文将详细探讨Atlas中的声明性编程与强制性编程之间的关系,及如何用之在一个web客户端实现拖放功能。

作者:朱先忠编译 来源:天极软件 2007年11月6日

关键字: ASP.NET Atlas 鼠标拖放 Windows

  • 评论
  • 分享微博
  • 分享邮件
摘要 本文将详细探讨Atlas中的声明性编程与强制性编程之间的关系,及如何用之在一个web客户端实现拖放功能。下图为本文相应示例程序运行结果快照。



  一. 简介

  本文旨在帮助读者理解微软的Atlas技术的某些方面的工作原理。Atlas的实现宗旨是简化AJAX风格的Web程序开发。然而,就象所有其它技术一样,为了更好地使用这个工具,你需要深入理解Atlas抽象的内在技术。Atlas的一大卖点是新的XML标记语法,目的是使容易。借助于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脚本管理器控件添加到你的.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元素。
    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章