Html服务器控件的 ServerChange 和 ServerClick 事件

       Web控件可以在设计界面选中控件按属性除的闪电图标选择绑定事件，但是Html服务器控件不行，必须显式的，手动的在前台页面添加。

<div>
    <select id="list1" runat="server" size="5" multiple="true" onserverchange="List1_ServerChange">
        <option>Option 1</option>
        <option>Option 2</option>
    </select>
    <br />
    <input id="Text1" type="text" runat="server" onserverchange="Ctrl_ServerChange" /><br />
    <input id="Checkbox1" type="checkbox" runat="server" onserverchange="Ctrl_ServerChange" />Option Text<br />
    <input id="Submit1" type="submit" runat="server" value="Submit Query" onserverclick="Submit_Clicked" />
</div>

后台代码：

using System;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Chapter04_ServerClick_ServerChange : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            list1.Items.Add("Option 3");
            list1.Items.Add("Option 4");
            list1.Items.Add("Option 5");
        }
    }

    protected void Ctrl_ServerChange(object sender, EventArgs e)
    {
        Control ctrl = sender as Control;
        Response.Write("<ul><li>ServerChange detected for " + ctrl.ID + "</li></ul>");
    }

    protected void List1_ServerChange(object sender, EventArgs e)
    {
        Response.Write("<ul><li>ServerChange detected for List1, The selected items are: </li><ul>");
        foreach (ListItem li in list1.Items)
        {
            if (li.Selected)
            {
                Response.Write("<li>" + li.Value + "</li>");
            }
        }
        Response.Write("</ul></ul>");
    }

    protected void Submit_Clicked(object sender,EventArgs e)
    {
        Response.Write("<ul><li>ServerClick detected for Submit1</li></ul>");
    }
}

效果：

       这里，事件发生的顺序是不确定的，不要相信这些事件会按照某种设定的顺序发生。