分享

关于asp.net中控件及控件事件的个人总结

 悟静 2013-02-14

ASP。NET中共有几种类型的控件?
三种:1-asp.net控件(动态) 2-标准的html控件(静态) 3-标准的html控件加runat="server"属性(动态)
动态页面主要由这三种控件画出来。从数据库获取到数据后把数据绑定到这些控件上发给浏览器显示出来。把数据绑定到控件属性的时候有两个重要的方法
Eval("字段")
Bind("字段")
Eval("字段")方法只是把数据绑定到数据控件上,并不提供修改的操作。
Bind("字段")方法是把数据绑定到数据控件上,并提供修改的操作。
●ASP。NET中共有几种类型的控件?
两种:
1. 客户端控件,也就是我们在HTML中经常用到的
2. 服务端控件,例如: <asp:TextBox ID="txt" runat="server" />

客户端控件也可以转成服务端控件
<input type="text" id="txt" runat="server" />

他们的区别?
1.
编译 ASP.NET 应用程序时,具有 runat=server 属性的 HTML 服务器控件被编译为程序集。可想html控件在客户端也要在内存中生产一个dll,并加到dom模型中。这样js就能编辑它了。
2.
区别:服务器端控件都会有个runat="Server"属性,
这样才能够在后台对其进行设置修改,
也就是在cs代码里面能对其修改设置。
你做下测试 你放个HTML控件 在CS代码是引用不出控件名的
然后你个HTML控件加上runat="Server"  在CS代码就能引用该控件了
本质上ASP.NET 的服务器控件 解析后返回到前台还是HTML控件
你建个页面 放一个asp:textbox上去
然后运行页面,然后查看页面源文件
你会发现放上的服务器控件变成了HTML的inupt type="button"

至于你说的视图状态应该是说这个吧:
由于HTTP连接属于无状态的,每次页面请求都无法记录上次请求页面的信息。
那么要保存上次请求页面上控件的值,也就是页面刷新后,填写的值不变,比方在textbox填了个‘a’,页面刷新后还是'a',.NET框架为实现这种机制,于是就用到了viewstate视图状态来保存这些控件的值,
那么将所有控件的值存在什么地方呢?你可以运行你的程序,然后在页面中查看源文件,就可以看到一个input type="hidden" name="__VIEWSTATE"的标签,这个就是你所谓的”视图“,它是经过服务器序列化过的,然后服务器接收后会反序列化这些隐藏域的值然后又从新给这些控件赋值,从而页面刷新后还能记录上次请求时候的所有控件的值。服务器控件都会默认保存VIEWSTATE的 有个属性(EnableViewState)可以设置的, 设置为Flase就不保存了,页面刷新后,值也就没了,可以做个测试放个textbox设置为EnableViewState为false,然后输入个值,然后再用按钮去刷新页面,那么textbox会为空,因为没有视图状态记录到上次你输入的值。

3.
asp.net控件是服务端控件
响应服务端事件
HTML控件是客户端控件
响应客户端事件
如果你对服务端/客户端不明白的话先去了解一下
简单来说
HTML客户端的事件是不会提交给服务端的
比如说点击一个按钮 改变文字的颜色
只是针对用户机器本身的 不会发送数据包给远程的服务器
而asp.net按钮点击后
将会以post或者get形式发送给服务器
进行数据库操作等等 页面提交后将会刷新
但是ajax技术可以使客户端控件发送请求给webservice
具体的用法
如果强调客户端的 应用
用客户端控件更能使用户感觉到方便
不用刷新页面
而需要数据库等操作时 肯定要用服务端控件
但是没有绝对的
我现在做的项目就是两者结合用

4.
web服务器控件并非只是运行在服务器端这么简单,它是.NET中封装好的组件,每个控件都是一个对象,属于某个基类,有自己的属性,事件和方法.由在.net framework下执行.
而HTML只是普通的HTML标记,就算加上runat=server也没有服务端控件那么强大的方法,只是有简单的属性和事件而已.HTML控件有runat=server后在服务器端加载,可以通过服务器端操纵这个控件,比如赋value值.和真正的Web服务器控件还差的很远.充其量只能算是一行代码.

5.
设置为服务器控件可以通过页面.cs文件使用,它的值都可以在后台得到。

<input type="text" id="txt1" value="" runat="server" />

这样你在后台可以通过this.txt1.Value来获取到文本框中的值。

标准的服务器控件是<asp:TextBox runat="server" ID="TextBox1" ></TextBox>
它在后来的使用是this.TextBox1.Text而不是.Value

6.
因为服务器要用这些控件呀。
    HTML控件是从HTML标记衍生来的,HTML控件的外形与HTML标记相似,不同之处在于:HTML标记只能在客户端浏览器中使用,服务器无法使用。
    服务器通常要把控件中的数据或存于数据库中,或做些改变重新发回去等事情。 如果不设置为服务器控件,服务器就不能使用它。

7.
 Asp.net之所以方便和强大,关键是它有一组强大的Asp.net服务器控件,在Asp.net中我们经常会遇到Html控件,Html服务器控件、Web控件和Asp.net服务器控件。

  Html控件:就是我们传统所说的Html 超文本标记语言,这些Html控件在以往的静态网页或网页里即可满足我们的需求,Html控件并没有办法利用程序直接来控制它们的属性、使用方法和接收事件,我们必须另外学习其它如JavaScript 等程序语言才得以控制。如:<input id="Button1" type="button" value="button" />。

  Html服务器控件:就是上面我们讲的Html控件的属性里加上runat="server"所构成的控件,至于Html控件和Html服务器控件之间的区别很明显,Html服务器控件是运行于服务器端,Html控件是运行于客户端。具体来说:当ASP.NET 网页执行时,会检查标注有无runat 属性,如果标注没有设定,那么Html控件就会被视为字符串,并被送到字符串流等待送到客户端,客户端的浏览器会对其进行解释;如果Html控件有设定runat="server" 属性,Page 对象会将该控件放入控制器,服务器端的代码就能对其进行控制,等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注,然后当成字符串流发送到客户端进行解释。如:<input id="Button1" type="button" value="button" runat=”server” />。

  Asp.net服务器控件:也叫Web服务器控件,Asp页面中用来定义Web应用程序用户界面的组件,是Web Forms编程模型的基本元素,它会依Client的情况生产一个或者多个Html控件,而不是直接描述Html元素。如<asp:Button ID="Button2" runat="server" Text="Button" />。那它和Html服务器端控件有什么区别,以及它有什么新的特点呢?

1、 Asp.net服务器控件提供更加统一的编程接口,如每个Asp.net服务器控件都有Text属性。

2、 隐藏客户端的不同,这样程序员可以把更多的精力放在业务上,而不用去考虑客户端的浏览器是ie还是firefox,或者是移动设备。

3、 Asp.net服务器控件可以保存状态到ViewState里,这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

4、 事件处理模型不同,Html标注和Html服务器控件的事件处理都是在客户端的页面上,而Asp.net服务器控件则是在服务器上,举例来说:

<input id="Button4" type="button" value="button" runat="server"/>是Html服务器控件,此时我们点击此按钮,页面不会回传到服务器端,原因是我们没有为其定义鼠标点击事件。

<input id="Button4" type="button" value="button" runat="server" onserverclick="test" />我们为Html服务器控件添加了一个onserverclick事件,点击此按钮页面会发回服务器端,并执行test(object sender, EventArgs e)方法。

<asp:Button ID="Button2" runat="server" Text="Button" />是Asp.net服务器控件,并且我们没有为其定义click,但是我们点击时,页面也会发回到服务器端。

  由此可见:Html标注和Html服务器控件的事件是由页面来触发的,而Asp.net服务器控件则是由页面把Form发回到服务器端,由服务器来处理。

  以上是我们对Asp.net里的控件进行了简单的介绍,我们通常说的Web控件也就是指Asp.net服务器控件。


5.
1.一个网页里可以划分为两部分:
1.1一部分是固定不变的(没有runat=server)
 这一部分的在ASP.Net中是逐字输出的,在空间树中有Literal控件直接生成,在页面中不能对其进行修改,因为它没有自己对应的对象实例

1.2一部分是变化的(runat=server)
 这一部分在ASP.Net中首先会生成一个对应的对象实例,通过这个对象实例在页面中可以对其进行修改,这种控件叫做服务器控件,但是这种控件又分为两种:
1.2.1一种是System.Web.UI.HtmlControls命名空间下的控件,这种控件可以在后缀名为aspx和htm文件下使用

1.2.2一种是System.Web.UI.WebControls命名空间下的控件,这种控件可以在后缀名为aspx文件下使用

2.由上面的内容可知,一个页面程序在执行时,其实是把一个页面文件转换为一个类的实例,这个类就是页面类(Page),这个类有个Controls的属性,通过它可以得到一个ControlCollection类型的对象,这个对象包含了该页面下的所有控件(由上面的划分方法获得),而页面下的控件也有ControlCollection属性,也包含有子控件,由此就构成了一个控件树。此控件树可以在页面命令里把Trace设置为True时看到。


---------------------asp.net关于控件and控件事件的个人总结----------------------------
1.关于控件
asp.net一共有两种控件一种是服务器端控件,会在服务器端生成对应的类实例,运行在服务器端。一种是客户端控件一字节流的方式输出到浏览器端在浏览器端生成DOM对象实例,运行在客户端。客户端控件就是标准的html标签,客户端控件又分为两种一种是asp.net自身的控件如: <asp:Button ID="Button1" runat="server" Text="Button" />。一种是标准的html控件加一个ruant=server属性的运行在服务器端的客户端控件。<input type="text" id="t1" runat="server" />这种控件一旦加了ruant=server属性后便会在服务器端生成一个对象,在网站的后台代码中就可以操纵它了。其实不光是它,所有的服务器端控件都会在服务器端生成一个对象,也就是说每一个服务器端控件都对应着一个对象实例,它们都必须有runat="server"属性。而客户端控件也就是标准的html控件不会在服务器端生成对象实例,它是在输出到浏览器后变成了DOM模型中的客户端控件,供js脚本来操纵的。在aspx动态模板上有很多控件na怎样区别不同的控件呢?通过ID属性,可以给每一个控件(包括客户端控件)加一个唯一标识它的ID属性来区别不同的控件。最后最重要的一点是不管页面模板上放的是什么控件最终都被转换成为标准的html形式的字节流输出到了客户端的浏览器中(浏览器只能识别标准的html标记语言)浏览器拿到字节流后,按照包头的编码转换为字符串也就是html文档,然后解析html文档解析为一个dom树模型接着浏览器开始显示dom树,这时页面就到了客户端了,就可用js来操纵整个html文档了这一部分的编程叫前端或前台编程,可以看到在整个的过程中asp.net仅仅扮演了一个动态模板的的角色最终输出的结果永远是静态的标准的html标记,所以asp.net其实就是一个模板一种动态的生成静态页面的技术(有关一次请求的处理过程以及asp.net进程和页面类的一系列事件在另外的笔记中和博客园的博客中有详细记载)。最后一点是关于这三种控件的性能,html标准控件封装最少性能最佳,html标准控件加一个ruant=server属性的运行在服务器端的控件的居次,而标准的服务器端控件的功能是最强的但也是封装最多的相对于前面两个它效率是最慢的。所以能用html标准控件完成的任务最好不要用另外两种。


2.关于控件事件
[1]客户端控件的控件事件是注册在页的<script></script>标记中在浏览器中用js来执行的.
[2]而服务器端控件的事件是注册在了服务器的后台页面类对象上的是用c#在服务器端执行的.
[3]不过服务器控件功能比较强大,它还有一个事件叫 OnClientClick 这个事件可以在浏览器端用js执行,如果给一个标签同时加上OnClientClick事件和OnClick事件那么当用户点击该控件时将先在客户端执行一遍事件处理方法当请求到达服务器端后还要执行一遍服务器端的事件处理器。嗯是挺强悍的。
[4]最后一种控件事件是运行在服务器端的客户端控件也就是标准的html控件加一个ruant=server属性的控件,它的事件和客户端控件是一样的也是注册在页的<script></script>标记中在浏览器中用js来执行的。虽然他也在后台生成一个类的实例,但它不能在服务器端生成事件处理器,不是嫡系的待遇就是不一样啊呵呵呵!
【1】<input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
【2】<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
【2】protected void Button1_Click(object sender, EventArgs e){};
【3】<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="btn_click();" onclick="Button1_Click" />
【4】<input id="Button1" type="button" value="button"  runat ="server" onclick="return Button1_onclick()" />   
【4】<script type="text/javascript">
        function Button1_onclick() {  }
     </script>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多