AJAX ControlToolkit学习日志-ResizableControlExtender(23)

ResizableControlExtender控件用于对一个web控件进行伸缩。

下面来看一个示例：

1)在VS2005中新建一个ASP.NET AJAX-Enabled Web Project，命名为ResizableControlExtender1。

2)在页面上拖放一个Panel，命名为Panel1。然后在Panel1下面拖放一个ResizableControlExtender，并将它关联到Panel1。

代码如下：

<asp:Panel ID="Panel1" runat="server" Height="100px" Width="100px" BorderColor="NavajoWhite" BorderStyle="Solid" BorderWidth="1px">
2

fjffoeijfioejfie<br />
3

joefjio<br />
4

efjoefjiojfiojfe<br />
5

</asp:Panel>
6

<br />
7

 </div>
8

<cc1:resizablecontrolextender id="ResizableControlExtender1" runat="server" maximumheight="500"
9

maximumwidth="500" minimumheight="100" minimumwidth="100" targetcontrolid="Panel1" HandleCssClass="handleText" ResizableCssClass="resizingText" OnClientResize="OnClientResizeText"></cc1:resizablecontrolextender>
10

3)在页面上添加OnClientResizeText的脚本内容。

代码如下：

var fontsize=12;
2

function OnClientResizeText(sender,eventArgs)
3

{
4

var e=sender.get_element();
5

while((e.scrollWidth<=e.clientWidth) || (e.scrollHeight<=e.clientHeight))
6

{
7

e.style.fontSize=(fontsize++) + 'pt';
8

}
9

var lastScrollWidth=-1;
10

var lastScrollHeight=-1;
11

while((e.clientWidth<e.scrollWidth || e.clientHeight<e.scrollHeight) && (e.scrollHeight!=lastScrollWidth || e.scrollWidth!=lastScrollHeight))
12

{
13

lastScrollWidth=e.scrollWidth;
14

lastScrollHeight=e.scrollHeight;
15

e.style.fontSize=(fontsize--) + 'pt';
16

}
17

}

4)按下CTRL+F5,在浏览器中查看效果。

效果图如下：

转载于:https://www.cnblogs.com/qc1984326/archive/2007/03/21/683321.html

AJAX ControlToolkit学习日志-ResizableControlExtender(23)相关推荐

AJAX ControlToolkit学习日志-Tabs(27)
Tabs控件其实是一个容器控件TabContainer和面板控件TabPanel.TabContainer控件用于包含TabPanel.TabPanel控件用于显示. 下面来看一个示 ...
AJAX ControlToolkit学习日志-ModalPopupExtender(16)
ModalPopupExtender控件用于设置网页上文本的样式. 下面看一个示例: 1)在Vs2005中新建一个ASP.NET AJAX-Enabeld Web Project项目工程, ...
AJAX ControlToolkit学习日志-AnimationExtender控件(3)
AnimationExtender控件是添加动画效果的控件扩展.在动画组合中可以添加的事件如:OnClick,OnLoad,OnMouseOver,OnMourseOut,OnHoverO ...
Ajax学习日志（三）—— 如何传递get请求参数
Ajax入门(三) 一.如何传递get请求参数 1.1) 在app.js创建新路由 1.2) 在public文件夹新建一个html文件 1.3)运行一.如何传递get请求参数 1.1) 在app.j ...
Ajax学习日志（七）—— 解决低版本IE浏览器的缓存问题
Ajax入门(七) 一.解决低版本IE浏览器的缓存问题 1.1) 低版本IE浏览器的缓存问题及解决方案 1.2)需了解的知识 1.3)在app.js同目录下新建一个txt文件 1.4)在app.js创 ...
.NetCore微服务Surging新手傻瓜式入门教程学习日志---结构简介（二）
.NetCore微服务Surging新手傻瓜式入门教程学习日志---结构简介(二) 原文:.NetCore微服务Surging新手傻瓜式入门教程学习日志---结构简介(二) 先上项目解决方案图 ...
opencv生成日志_OpenCV-Utils学习日志：VideoCapture使用样例
1.VideoCapture可以打开多种来源的数据流,但常见的是相机.视频及图像序列三类数据流: (1)打开相机数据流,需要指定相机在主机上的设备编号,若主机上只有一个相机则编号通常是0. (2)打开 ...
Python学习日志12 - 办公自动化
Python学习日志 RBHGO的主页欢迎关注温馨提示:创作不易,如有转载,注明出处,感谢配合~ 目录文章目录 Python学习日志目录前言进入正题 Python学习日志12课 - 办公自动 ...
JavaEE学习日志(七十三): 黑马商城项目（六）
JavaEE学习日志持续更新----> 必看!JavaEE学习路线(文章总汇) JavaEE学习日志(七十三) 黑马商城项目(六) 今天任务在线支付准备工作前端 OrdersDao Ord ...

AJAX ControlToolkit学习日志-ResizableControlExtender(23)

AJAX ControlToolkit学习日志-ResizableControlExtender(23)相关推荐

最新文章

热门文章