没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|其它|编辑:郝浩|2008-01-28 10:48:12.000|阅读 979 次
概述:
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
Asp.net之所以现在开发方便和快捷,关键是它有一组强大的控件库,包括web服务器控件,web用户控件,web自定义控件,html服务器控件和html控件等。这里我主要说说html控件、html服务器控件和web服务器控件的区别。
1、html控件:就是我们通常的说的html语言标记,这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的,只能在客户端通过javascript和vbscript等程序语言来控制。
以下是引用片段:
<inputtype="button"id="btn"value="button"/>
2、html服务器控件:其实就是html控件的基础上加上runat="server"所构成的控件.它们的注意区别是运行方式不同,html控件运行在客户端,而html服务器控件是运行在服务器端的。参考其他资料是这样说的: 当ASP.NET 网页执行时,会检查标注有无runat 属性,如果标注没有设定,那么Html标注就会被视为字符串,并被送到字符串流等待送到客户端,客户端的浏览器会对其进行解释;如果Html标注有设定runat="server" 属性,Page 对象会将该控件放入控制器,服务器端的代码就能对其进行控制,等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注,然后当成字符串流发送到客户端进行解释
以下是引用片段:
<inputid="Button"type="button"value="button"runat="server"/>
3、web服务器控件:也称asp.net服务器控件,是Web Form编程的基本元素,也是asp.net所特有的。它会按照client的情况产生一个或者多个html控件,而不是直接描述html元素。如:
以下是引用片段:
<asp:ButtonID="Button2"runat="server"Text="Button"/>
那么它和html服务器控件有什么区别呢?参照其他网页的资料看法如下:
1、 Asp.net服务器控件提供更加统一的编程接口,如每个Asp.net服务器控件都有Text属性。
2、 隐藏客户端的不同,这样程序员可以把更多的精力放在业务上,而不用去考虑客户端的浏览器是ie还是firefox,或者是移动设备。
3、 Asp.net服务器控件可以保存状态到ViewState里,这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。
4、 事件处理模型不同,Html标注和Html服务器控件的事件处理都是在客户端的页面上,而Asp.net服务器控件则是在服务器上,举例来说:
以下是引用片段:
<inputid="Button4"type="button"value="button"runat="server"/>
是Html服务器控件,此时我们点击此按钮,页面不会回传到服务器端,原因是我们没有为其定义鼠标点击事件。
以下是引用片段:
<inputid="Button4"type="button"value="button"runat="server"onserverclick="test"/>
我们为Html服务器控件添加了一个onserverclick事件,点击此按钮页面会发回服务器端,并执行test(object sender, EventArgs e)方法。
以下是引用片段:
<asp:ButtonID="Button2"runat="server"Text="Button"/>
是Asp.net服务器控件,并且我们没有为其定义click,但是我们点击时,页面也会发回到服务器端。
由此可见:Html标注和Html服务器控件的事件是由页面来触发的,而Asp.net服务器控件则是由页面把Form发回到服务器端,由服务器来处理。
4、下面我就结合我自己的测试来说明问题:
这段代码是我放在repeat中的模板里的:其中DeleteCheck是一个js脚本函数,注意是用于是否发送到服务器端的,这里就不展示脚本代码了。
以下是引用片段:
<inputrunat="server"type="button"id="delete"value="Serverbutton"/>
<inputtype="button"onclick="returnDeleteCheck(this)"id="Button1"value="Clientbutton"/>
<inputrunat="server"type="submit"onclick="returnDeleteCheck(this)"id="Button2"value="Serversubmit"/>
<inputtype="submit"onclick="returnDeleteCheck(this)"id="Button3"value="Clientsubmit"/>
<buttonrunat="server"id="button4"onclick="returnDeleteCheck(this)"value="Button-Button">Button-Button</button>
<asp:Buttonrunat="server"ID="button5"OnClientClick="returnDeleteCheck(this)"Text="Asp:button"/>
展现出来的html代码如下: <inputname="Data$ctl03$delete"type="button"id="Data_ctl03_delete"value="Serverbutton"/>
<inputtype="button"onclick="returnDeleteCheck(this)"id="Button1"value="Clientbutton"/>
<inputname="Data$ctl03$Button2"type="submit"id="Data_ctl03_Button2"onclick="returnDeleteCheck(this)"value="Serversubmit"/>
<inpututtype="submit"onclick="returnDeleteCheck(this)"id="Button3"value="Clientsubmit"/>
<buttonid="Data_ctl03_button4"onclick="returnDeleteCheck(this)"value="Button-Button">Button-Button</button>
<inputtype="submit"name="Data$ctl03$button5"value="Asp:button"onclick="returnDeleteCheck(this);"id="Data_ctl03_button5"/>
可以看出以下几点:
1、当控件属性中有runat="server"时,生成的html控件时name和id发生的变化(.net Framework)。
2、当asp:button服务器按钮通过生成的页面后转化成类型为submit类型的Client控件。
3、当控件是html控件时通过生成的页面和原来的html代码完全一样(理由上面已经说名)。
另外我还测试了把这段代码直接放到form标记中(不放到其他子标记中)如:
以下是引用片段:
<inputrunat="server"type="button"id="delete"value="Serverbutton"onserverclick="delete_ServerClick"/>
<inputtype="button"onclick="returnDeleteCheck(this)"id="Button1"value="Clientbutton"/>
<inputrunat="server"type="submit"onclick="returnDeleteCheck(this)"id="Button2"value="Serversubmit"/>
<inputtype="submit"onclick="returnDeleteCheck(this)"id="Button3"value="Clientsubmit"/>
<buttonrunat="server"id="button4"onclick="returnDeleteCheck(this)"value="Button-Button">Button-Button</button>
<asp:Buttonrunat="server"ID="button5"OnClientClick="returnDeleteCheck(this)"Text="Asp:button"OnClick="button5_Click"/>
<asp:LinkButtonID="LinkButton1"runat="server"OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>直接放到form标记中生成的html代码
<scripttype="text/javascript">
<!--
vartheForm=document.forms['form1'];
if(!theForm){
theForm=document.form1;
}
function__doPostBack(eventTarget,eventArgument){
if(!theForm.onsubmit||(theForm.onsubmit()!=false)){
theForm.__EVENTTARGET.value=eventTarget;
theForm.__EVENTARGUMENT.value=eventArgument;
theForm.submit();
}
}
//-->
</script>
<inputlanguage="javascript"onclick="__doPostBack('delete','')"name="delete"type="button"id="delete"value="Serverbutton"/>
<inputtype="button"onclick="returnDeleteCheck(this)"id="Button1"value="Clientbutton"/>
<inputname="Button2"type="submit"id="Button2"onclick="returnDeleteCheck(this)"value="Serversubmit"/>
<inputtype="submit"onclick="returnDeleteCheck(this)"id="Button3"value="Clientsubmit"/>
<buttonid="button4"onclick="returnDeleteCheck(this)"value="Button-Button">Button-Button</button>
<inputtype="submit"name="button5"value="Asp:button"onclick="returnDeleteCheck(this);"id="button5"/>
<aid="LinkButton1"href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>
这里有可以看出几点:
1、当html服务器控件在服务器端添加了服务器事件后生成的代码变为:onclick="_doPostBack()",实际上是调用脚本把整个窗体提交到服务器(如果没有添件服务器事件 而只是添加了runat="server"是不会发送到服务器端的)这里注意如果要在html服务器控件中添加一个客户端事件如上面的
以下是引用片段:
<inputrunat="server"type="button"id="delete"value="Serverbutton"onserverclick="delete_ServerClick"/>
变成<inputrunat="server"type="button"id="delete"value="Serverbutton"onclick="returnDeleteCheck(this)"onserverclick="delete_ServerClick"/>
那样生成的html代码变成
以下是引用片段:
<inputlanguage="javascript"onclick="returnDeleteCheck(this) __doPostBack('delete','')"name="delete"type="button"id="delete"value="Serverbutton"/>
提示有脚本错误原因是onclick事件执行了2个脚本且书写的格式不正确。
以下是引用片段:
onclick="returnDeleteCheck(this);_doPostBack()"
这样的话就只能执行第一个函数而第二个函数就不能执行了(return).如果用
以下是引用片段:
onclick="returnDeleteCheck(this),_doPostback()"
是指2个函数同时都要执行没有影响(相当于一条语句)。
2、控件的名字没有发生变化,这个问题我也不太明白为什么不发生变化,请高手门指教哈
3、asp:button中的onclientclick事件生成后就变成了onclick事件了,类型变成了type="submit".然而服务器事件的onclick我想是通过发送到服务器端执行的(具体我也不太很清楚)。
4、LinkButton不定义onclick事件,它会自动的生成下面代码发送到服务器端。
以下是引用片段:
href="javascript:__doPostBack('LinkButton1','')"
以上是我对asp.net控件进行了简单的介绍。这只是我个人的观点总结,有什么不正确的希望朋友能够提出来,我们大家共同讨论,共同进步。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:豆豆网面对“数字中国”建设和中国制造2025战略实施的机遇期,中车信息公司紧跟时代的步伐,以“集约化、专业化、标准化、精益化、一体化、平台化”为工作目标,大力推进信息服务、工业软件等核心产品及业务的发展。在慧都3D解决方案的实施下,清软英泰建成了多模型来源的综合轻量化显示平台、实现文件不失真的百倍压缩比、针对模型中的大模型文件,在展示平台上进行流畅展示,提升工作效率,优化了使用体验。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号