AJAX Control Toolkit - ToggleButton(切换按钮)

1.控件效果

2.ToggleButton Server Properties

TargetControlID - The ID of The CheckBox to modify.

ImageHeight\ImageWidth - The height and width of the image.

CheckedImageUrl - The URL of the image to show when the toggle is in the checked state.

UnchekedImageUrl - the URL of the image to show when the toggle button is in the unchecked state.

DisabledCheckedImageUrl/DisabledUncheckedImageUrl - the URL of the image to show when the toggle button is disabled and in the checked/unchecked state.

CheckedImageOverUrl/UncheckedImageOverUrl - the URL of the image to show when toggle button is in the checked/unchecked state and the mouse is over the button.

CheckedImageAlternateText/UncheckedImageAlternateText - The alt text to show when the toggle button is in the checked/unchecked state.

CheckedImageOverAlternateText/UnchckedImageOverAlternateText - The alt Text to show when the toggle button is in the checked/unchecked state and the mouse is over button.<这两个属性不知道怎么设置>

3.Demo Resources Code

<asp:ScriptManager ID="ScriptManager1" runat="server" />
    <br />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:CheckBox ID="CheckBox1" Checked="true" Text="   I like ASP.NET" runat="server" />
            <br />
            <asp:CheckBox ID="CheckBox2" Checked="true" Text='   I like "AJAX"' runat="server" />
            <asp:CheckBox ID="CheckBox3" Checked="true" Enabled="false" Text='   I like "YM"'
                runat="server" />
            <asp:CheckBox ID="CheckBox4" Checked="false" Enabled="false" Text='   I like "LMQ"'
                runat="server" />
            <br />
            <br />
            <asp:Button ID="Button1" Font-Names="Comic Sans MS" runat="server" Text="Submit"
                OnClick="Button1_Click" />
            <br />
            <br />
            <asp:Label ID="Label1" Font-Size="18px" runat="server" Text="[No response provided yet]"></asp:Label>
            <ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender3" runat="server" 
              TargetControlID="CheckBox3"
                DisabledCheckedImageUrl="images/disableChecked.gif" 
                DisabledUncheckedImageUrl="images/disableUnchecked.gif"
                ImageWidth="19" ImageHeight="19" 
                UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
                CheckedImageUrl="images/ToggleButton_Checked.gif" />
            <ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender4" 
               TargetControlID="CheckBox4"
                DisabledCheckedImageUrl="images/disableChecked.gif" 
                DisabledUncheckedImageUrl="images/disableUncheked.gif"
                ImageWidth="19" ImageHeight="19" 
                UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
                CheckedImageUrl="images/ToggleButton_Checked.gif" runat="server">
            </ajaxToolkit:ToggleButtonExtender>
            <ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" 
               TargetControlID="CheckBox1"
                UncheckedImageUrl="images/ToggleButton_Unchecked.gif" 
                CheckedImageUrl="images/ToggleButton_Checked.gif"
                CheckedImageAlternateText="Check" 
                UncheckedImageAlternateText="UnCheck" ImageWidth="19"
                ImageHeight="19">
            </ajaxToolkit:ToggleButtonExtender>
            <ajaxToolkit:ToggleButtonExtender ID="ToggleButtonExtender2" runat="server" 
            TargetControlID="CheckBox2"
                ImageWidth="19" ImageHeight="19" 
                UncheckedImageUrl="images/ToggleButton_Unchecked.gif"
                CheckedImageUrl="images/ToggleButton_Checked.gif" 
                CheckedImageAlternateText="Check"
                UncheckedImageAlternateText="UnCheck">
            </ajaxToolkit:ToggleButtonExtender>
        </ContentTemplate>
    </asp:UpdatePanel>

　　

 protected void Button1_Click(object sender, EventArgs e)
    {
        string strSelections = "";
        if (CheckBox1.Checked)
        {
            strSelections = "You said you LIKE ASP.NET ";
        }
        else
        {
            strSelections = "You said you DON'T Like ASP.NET ";
        }
        if (CheckBox2.Checked)
        {
            strSelections += "and you LIKE MS AJAX ";
        }
        else
        {
            strSelections += "and you DON'T Like MS AJAX";
        }
        Label1.Text = strSelections;

        string strMySelect = "";

        if (CheckBox3.Checked)
        {
            strMySelect = "<br />You Love YM";
        }
        else
        {
            strMySelect = "<br /> You Don't love YM";
        }
        if (CheckBox4.Checked)
        {
            strMySelect += "  and she love your too";
        }
        else
        {
            strMySelect += " but she don't love you";
        }
        Label1.Text += strMySelect ;
    }