Ajax 切换按钮扩展器不起作用答案

【问题标题】：Ajax toggle button extender not workingAjax 切换按钮扩展器不起作用
【发布时间】：2011-12-18 06:22:19
【问题描述】：

<asp:CheckBox ID="CheckBox1" OnCheckedChanged="CheckBox1_CheckedChanged" runat="server" Text="Toggle Visibility" AutoPostBack="true"/>

和一个 Ajax 切换按钮扩展器：

<ajaxToolkit:ToggleButtonExtender ID="Ext1" CheckedImageAlternateText="View" TargetControlID="CheckBox1" runat="server" CheckedImageUrl="~/Images/Others/view.png" UncheckedImageAlternateText="Hide" UncheckedImageUrl="~/Images/Others/hide.png" ImageWidth="32" ImageHeight="24" ></ajaxToolkit:ToggleButtonExtender>

但它不起作用。页面正在加载，但带有默认复选框。

感谢您的帮助

【问题讨论】：

您的标记看起来不错。可能是图片路径不对？

标签： c# asp.net ajax checkbox togglebutton

【解决方案1】：

你可以这样试试.....

 <%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
        CheckBox myCB = new CheckBox();
        myCB.ID = "myCB";
        myCB.Checked = true;
        myCB.Text = "I like ASP.NET";
        Panel1.Controls.Add(myCB);
        AjaxControlToolkit.ToggleButtonExtender myTBE = new AjaxControlToolkit.ToggleButtonExtender();
        myTBE.TargetControlID = "myCB";
        myTBE.CheckedImageUrl = "ToggleButton_Checked.gif";
        myTBE.UncheckedImageUrl = "ToggleButton_Unchecked.gif";
        myTBE.ImageHeight = 19;
        myTBE.ImageWidth = 19;
        Panel1.Controls.Add(myTBE);                         
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Panel ID="Panel1" runat="server">            
    </asp:Panel>
    </form>
</body>
</html>

【讨论】：