产品
解决方案
文档与社区
免费试用
定价
云市场
合作伙伴
支持与服务
了解阿里云
备案
控制台
登录/注册
开发者社区
首页
探索云世界
新手上云
云上应用构建
云上数据管理
云上探索人工智能
云计算
弹性计算
无影
存储
网络
倚天
云原生
容器
serverless
中间件
微服务
可观测
消息队列
数据库
关系型数据库
NoSQL数据库
数据仓库
数据管理工具
PolarDB开源
向量数据库
热门
Modelscope模型即服务
弹性计算
云原生
数据库
物联网
云效DevOps
龙蜥操作系统
平头哥
钉钉开放平台
大数据
大数据计算
实时数仓Hologres
实时计算Flink
E-MapReduce
DataWorks
Elasticsearch
机器学习平台PAI
智能搜索推荐
人工智能
机器学习平台PAI
视觉智能开放平台
智能语音交互
自然语言处理
多模态模型
pythonsdk
通用模型
开发与运维
云效DevOps
钉钉宜搭
支持服务
镜像站
码上公益
问产品
动手实践
考认证
TIANCHI大赛
活动广场
任务中心
飞天Club技术沙龙
训练营
话题
开发者评测
乘风者计划
阿里云MVP
直播
下载
镜像站
技术资料
插件
开发者社区
开发与运维
文章
正文
细数Ajax Control Toolkit 1.0 正式版32个服务器端控件
2017-12-03
1169
版权
版权声明:
本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议
》和 《
阿里云开发者社区知识产权保护指引
》。如果您发现本社区中有涉嫌抄袭的内容,填写
侵权投诉表单
进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
简介:
+关注继续查看
自Asp.net Ajax正式版发布以来,专注于AjaxControlToolkit,新增4控件着实有趣且其它28个控件尚有新收获和疑问;因之前写过两文,
[最新版]Asp.net Ajax 编程备忘录----细数28个服务器端控件 [原创]
【Asp.net Ajax RC版】Asp.net Ajax编程备忘录---- 再说28个服务器端控件
不敢行复制粘贴之事,着眼变化,总结点滴收获,成此文。
[1]Accordion
1.本身不需要放在UpdatePanel中
2. var behavior = $find('ctl00_SampleContent_MyAccordion_AccordionExtender');这种写法是不好的,这个版本还是没有改进
但是我们在自动测试的页面中发现了更好的写法: var behavior=$find("<%= MyAccordion.ClientID %>_AccordionExtender");
[2]AlwaysVisibleControl
1. var label = document.getElementById('ctl00_SampleContent_currentTime');
这个写法还是麻烦var label = $get('ctl00_SampleContent_currentTime');
2.如果不是要动态的显示时间我们是没有必要使用UpdatePanel的,做了一个简单的:
<asp:Panel ID="Panel1" runat="server"
Width="220px" BackColor="White" ForeColor="DarkBlue"
BorderWidth="2" BorderStyle="solid" BorderColor="DarkBlue" style="z-index: 1;">
<div style="width: 100%; height: 100%; vertical-align: middle; text-align: center;">
<p>Current Time:</p>
<span id="Span1" runat="server" style="font-size:xx-large;font-weight:bold;line-height:40px;"/>
</div>
</asp:Panel>
<ajaxToolkit:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
TargetControlID="Panel1"
VerticalSide="Top"
VerticalOffset="10"
HorizontalSide="Right"
HorizontalOffset="10"
ScrollEffectDuration=".1" />
[3]Animation
1.正式版的页面文件为动画脚本添加了注释更加清晰易懂
2.翻看Anmation Reference 没有新添加什么内容,以前已经详细讲过,不再多言
3.不需要UpdatePanel
[4]AutoComplete (NEW!)
1.是对文本框的扩展
2.调用的Web Service方法签名有要求:
[WebMethod]
public string[] GetCompletionList(string prefixText, int count) { ...
3.MinimumPrefixLength最短前缀字符数,就是说你至少要键入几个字符才会出现提示
4.不需要UpdatePanel
[5]Calendar NEW!
1.同样是对文本框的扩展,文本框获得焦点就会出现日期选择,样式是可以自定义的
2.虽然一定是对文本框的扩展但是我们还是可以指定弹出按钮PopupButtonID,一旦这个值设定了,文本框获得焦点也不会弹出日期选择
3.不需要UpdatePanel
[6]CascadingDropDown
无甚变化 以前已经说的够详细 不过里面使用UpdatePanel的代码的确值得看看
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="inline">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="[No response provided yet]" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList3" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
[7]CollapsiblePanel
这个老经典了,没有变化;不过有个疑问还是没有解决:
TextLabelID="Label1"这个属性有什么深意\高级的操作么?我没有发现
2.不需要UpdatePanel
[8]ConfirmButton
因为要动态显示时间 所以使用了UpdatePanel
坚持以前的看法,如果是需要服务器端获取用户选择,还是使用模式弹出吧
[9]DragPanel
是不是发现这段代码了呢?如果去掉这段代码,图东到页面边缘的时候是不正常的,它自己回来了 :)
<script type="text/javascript">
// The following snippet works around a problem where FloatingBehavior
// doesn't allow drops outside the "content area" of the page - where "content
// area" is a little unusual for our sample web pages due to their use of CSS
// for layout.
function setBodyHeightToContentHeight() {
document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+"px";
}
setBodyHeightToContentHeight();
$addHandler(window, "resize", setBodyHeightToContentHeight);
</script>
2.不需要UpdatePanel
[10]DropDown
我做了这样一个尝试:对文本框进行扩展,选择像直接反应在文本框中,效果不错,看代码:
<asp:UpdatePanel ID="ok" runat="server">
<ContentTemplate>
<asp:TextBox ID="show" runat="server"></asp:TextBox>
<asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;">
<asp:LinkButton runat="server" ID="Option1" Text="Option 1" CssClass="ContextMenuItem" OnClick="OnSelect" />
<asp:LinkButton runat="server" ID="Option2" Text="Option 2" CssClass="ContextMenuItem" OnClick="OnSelect" />
<asp:LinkButton runat="server" ID="Option3" Text="Option 3 (Click Me!)" CssClass="ContextMenuItem" OnClick="OnSelect" />
</asp:Panel>
<ajaxToolkit:DropDownExtender runat="server" ID="DDE"
TargetControlID="show"
DropDownControlID="DropPanel" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel id="Update" runat="server">
<ContentTemplate>
<asp:Label id="lblSelection" runat="server" Style="padding: 5px;" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
[11]DropShadow 一种说法是:WEB2.0 用户什么都可以定义的,包括边框弧度
[12]DynamicPopulate 除了调用Web service之外 还可以调用客户端脚本的方法,那怎么调用呢?看了看自动测试的代码,没有找到头绪
CustomScript - The script to invoke instead of calling a Web or Page method. This script must evaluate to a string value.
[13]FilteredTextBox 已经专门讨论过了,并且给出了更好的解决方案
http://www.cnblogs.com/me-sa/articles/603217.html
[14]HoverMenu 以前的两片文章已经将细节一一列出,不再多言
[15]MaskedEdit 搞成这样用户会用么?我是不会在项目中使用的
[16]ModalPopup 现在在Opera里面也是正常的了,比较了一下代码,确实做了改进
[17]MutuallyExlcusiveCheckBox Nothing Changed!
[18]NoBot 用作简单的保护是够了
[19]NumericUpDown 在页面上使用还是和WinForm中使用差很多,数据显示感觉有一点滞后
[20]PagingBulletedList Nothing Changed!
[21]PasswordStreng 微软Live注册的时候就是用的这个
[22]PopupControl 看到这个示例的时候 我不禁一笑 这第一个文本框不就是Calendar么
[23]Rating 还是有朋友提出异议说是比较喜欢这个玩意
[24]ReorderList Nothing Changed!
[25]ResizableControl 还真有客户提出这个需求,后来做了个demo 他们自己去掉这里这个需求
[26]RoundedCorners 你会用代码实现么?还是交给美工?
[27]Slider 新浪用来分页 有的Web2.0 用来表示热度
[28]Tabs 是我认为这一次新增控件中最实用的好东东
在编码风格上与所有嵌套式的控件一样:
<ajaxToolkit:TabContainer runat="server"
OnClientActiveTabChanged="ClientFunction"
Height="150px">
<ajaxToolkit:TabPanel runat="server"
HeaderText="Signature and Bio"
<ContentTemplate>
...
</ContentTemplate>
/>
</ajaxToolkit:TabContainer>
Demo效果让我们很容易想到最近改版之后的网页主页和新浪主页 和Accordion比较一下各有千秋,是对经典WinForm的一种移植
[29]TextBoxWatermark 看了几十个WEB2.0的网站,没想到,见到最多的就是这种水印效果,最直接的提示 实用价值比较高
[30]ToggleButton 这个也见识过了,真有人在用,以前过于主观了
[31]UpdatePanelAnimation Noting Changed!
[32]ValidatorCallout 这个用起来还是很好用的,比起来那些红色的星号,这个更容易发现,:)
文章标签:
.NET
前端开发
JavaScript
数据安全/隐私保护
开发框架
关键词:
ajax.js服务器端
ajax.js控件
ajax.js Control Toolkit服务器端控件
ajax.js Control Toolkit
细数ajax.js control toolkit服务器端控件
唐玄奘
目录
相关文章
唐玄奘
|
Web App开发
JavaScript
前端开发
【最新整理版】细数Ajax Control Toolkit 34个服务器端控件
唐玄奘
1933
0
0
老朱教授
|
前端开发
.NET
开发框架
Asp.net Ajax Accordion控件的用法
老朱教授
1319
0
0
老朱教授
|
前端开发
.NET
C#
Asp.net Ajax Calendar控件用法
老朱教授
955
0
0
老朱教授
|
前端开发
.NET
开发框架
Asp.net Ajax CascadingDropDown 控件的用法
老朱教授
1228
0
0
老朱教授
|
前端开发
JavaScript
.NET
Asp.net Ajax AutoComplete 控件的用法
老朱教授
1355
0
0
老朱教授
|
前端开发
.NET
开发框架
ASP.NET Ajax AsyncFileUpload 控件用法
老朱教授
1265
0
0
技术小甜
|
前端开发
JavaScript
.NET
ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件
技术小甜
1176
0
0
nicenelly
|
前端开发
.NET
开发框架
使用asp.net Ajax控件PopupControlExtender与GridView联合显示详情列表
nicenelly
2801
0
0
技术小甜
|
Web App开发
前端开发
JavaScript
ASP.NET AJAX入门系列(2):使用ScriptManager控件
技术小甜
1082
0
0
技术小甜
|
前端开发
.NET
ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍
技术小甜
1206
0
0
热门文章
最新文章
1
JQuery基础和原生ajax
2
前端——JavaScript获取系统时间以及通过ajax获取服务器时间
3
Promise 解决AJAX中的串行并行
4
Python爬虫实战:抽象包含Ajax动态内容的网页数据
5
什么是Ajax,Ajax的原理是什么?
6
【Java】数据交换 Json 和 异步请求 Ajax
7
Ajax运行原理
8
如何用ajax请求后台数据的两种全网最实用且详细的写法
9
原生js发送ajax请求---ajax请求篇(一)
10
JQuery版本的AJAX
1
Ajax的原生写法
5
2
ajax请求的时候get 和post方式的区别
4
3
AJAX 的优势操作流程及使用
8
4
Ajax:跨域与JSONP
8
5
Ajax:服务器的基本概念与初识Ajax
21
6
Ajax:服务器的基本概念与初识
18
7
JQuery基础和原生ajax
70
8
Ajax实战用户管理系统-完成删除用户
14
9
Ajax实战用户管理系统-完成更新用户
13
10
Ajax实战用户管理系统-完成添加用户
17
相关产品
云迁移中心
文档详情
产品详情
相关课程
更多
Ajax入门
Ajax 前端开发入门与实战
相关电子书
更多
WEB浏览器中即将发生的安全变化
低代码开发师(初级)实战教程
阿里巴巴DevOps 最佳实践手册
推荐文章
更多
重磅来袭!参与评测赢Iphone14 pro!
文件存储NAS评测征集令!
招募!寻找技术人的伯乐!
乘风者计划邀您入驻社区,精彩权益即刻享
下一篇
阿里云 X 森马 AIGC T恤设计大赛开启! 穿什么由你定,赢Airpods,作品定制联名T恤