AJAX控件之ToggleButton

显示图片效果:

没有用AJAX.NET之前用AJAX.NET之后 (这里的手代表复选框我没有调整好)

资源文件根目录下images文件夹里面的两张图片

显示页面的Html代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>AJAX控件之ToggleButton</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:CheckBox ID="CheckBox1" runat="server" Checked="True" Text="我喜欢.NET" /><br />

 <asp:CheckBox ID="CheckBox2" runat="server" Checked="True" Text="我喜欢JAVA" /><br />

<cc1:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" CheckedImageUrl="images/checked.gif"

ImageHeight="20" ImageWidth="20" TargetControlID="CheckBox1" UncheckedImageUrl="images/unchecked.gif">

</cc1:ToggleButtonExtender>

<cc1:ToggleButtonExtender ID="ToggleButtonExtender2" runat="server" CheckedImageUrl="images/checked.gif"

ImageHeight="19" ImageWidth="19" TargetControlID="CheckBox2" UncheckedImageUrl="images/unchecked.gif">

</cc1:ToggleButtonExtender>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

posted on 2007-03-31 22:50 小角色阅读(295) 评论(0) 收藏举报