ResizableControl 示例

请尝试一下用鼠标拖动改变下面的图片的大小


ASP.NET AJAX

ASP.NET AJAX 是一个以快速、方便地搭建新一代的强大、互动、个性化的、支持大多数浏览器的 AJAX 网页为目标的免费Framework。它集成了 Microsoft 浏览器客户端脚本资源和 ASP.NET 2.0 服务器端的方便的环境。

ASP.NET AJAX 是 ASP.NET 的一个扩展,采用了ASP.NET的服务器端开发环境,因而 ASP.NET AJAX 提供对于客户端脚本和强大的 ASP.Net 2.0 服务器端脚本的融合。使得你能够更方便地创建绚丽、互动的 Web 应用程序界面。

除此之外,AJAX 并不只局限于 ASP.NET,你同样可以只采用其强大的、适应于大多数浏览器的客户端脚本资源,建立客户端程序。

采用 ASP.Net AJAX 你需要作的,只是简单的拖拽几个控件到你的页面上,就可以使得你的 Web 页面具有精彩的新一代 AJAX 用户界面效果,同时大量地降低应用服务器层的资源消耗。




请尝试一下用鼠标拖动改变下面白色区域的文本的大小
这个区域里面的文本字体会根据其大小自动改变。

ASP.NET AJAX 是一个以快速、方便地搭建新一代的强大、互动、个性化的、支持大多数浏览器的 AJAX 网页为目标的免费Framework。它集成了 Microsoft 浏览器客户端脚本资源和 ASP.NET 2.0 服务器端的方便的环境。

ASP.NET AJAX 是 ASP.NET 的一个扩展,采用了ASP.NET的服务器端开发环境,因而 ASP.NET AJAX 提供对于客户端脚本和强大的 ASP.Net 2.0 服务器端脚本的融合。使得你能够更方便地创建绚丽、互动的 Web 应用程序界面。

除此之外,AJAX 并不只局限于 ASP.NET,你同样可以只采用其强大的、适应于大多数浏览器的客户端脚本资源,建立客户端程序。

采用 ASP.Net AJAX 你需要作的,只是简单的拖拽几个控件到你的页面上,就可以使得你的 Web 页面具有精彩的新一代 AJAX 用户界面效果,同时大量地降低应用服务器层的资源消耗。


 ResizableControl 概述

ResizableControl 是一个可以使最终用户在界面上改变任意一个元素的大小的控件,最终用户可以通过拖动需要改变大小的元素的右下角来完成其大小的设置, 其工作方式可以让最终用户感觉他像在操作一个 Windows 窗口一样。

最关键的是这个指定大小的功能,可以不用写一句 Java Script 代码

另外,也可以通过 Css 样式指定用户拖拽的显示,其内容也可以根据所设定的 Css 样式自动进行改变; 在这个 ASP.Net AJAX 控件中,同时暴露出两个客户端事件委托:(onresizing and onresize),开发人员可以根据这两个属性来自定义更多更复杂的脚本逻辑。

元素被改变的大小可以在页面被提交以后仍然保存,同时其大小也可以通过客户端脚本和服务器事件来实现其大小的指定。

ResizableControl 同样可以指定元素的最大和最小尺寸,当开发人员在这里进行了设置,最终用户将不能将其大小操作得超过最大尺寸或者小于最小尺寸。


 ResizableControl 属性

ResizableControl 控件属性将被初始化如下面的示例代码所示,斜体属性为可选属性

<ajaxToolkit:ResizableControlExtender ID="RCE" runat="server"
    TargetControlID="PanelImage"
    HandleCssClass="handleImage"
    ResizableCssClass="resizingImage"
    MinimumWidth="50"
    MinimumHeight="20"
    MaximumWidth="260"
    MaximumHeight="130"
    OnClientResize="OnClientResizeImage"
    HandleOffsetX="3"
    HandleOffsetY="3" />
  • TargetControlID - 将可以被最终用户改变大小的控件 ID
  • HandleCssClass - 控件改变大小的拖拽点的 Css 样式
  • ResizableCssClass - 当控件在改变大小过程中出现的 Css 样式
  • MinimumWidth/MinimumHeight - 最小尺寸的宽度和高度
  • MaximumWidth/MaximumHeight - 最大尺寸的宽度和高度
  • OnClientResizeBegin - 当控件被开始改变大小时的客户端脚本委托事件
  • OnClientResizing - 当控件被开始改变过程中的客户端脚本委托事件
  • OnClientResize - 当控件被在客户端改变大小时的客户端脚本委托事件
  • HandleOffsetX/HandleOffsetY - 改变大小拖拽点的位置

 相关问题

尚未纪录和本示例相关的问题,你可以直接在这里添加本示例的相关问题


登录本站,提出问题。一分钟注册

 Internet 相关资源

登录本站,添加新的资源。一分钟注册


Copyright © 2007 AJAXASP.NET.CN 保留所有权利. 赞助本站