Изменение состояния кнопки с помощью ToggleButtonExtender - PullRequest
Новая
       8

Изменение состояния кнопки с помощью ToggleButtonExtender

0 голосов
/ 18 января 2012

Я использую ajax togglebuttonextender, чтобы установить изображение для радиокнопок. В javascript, когда я изменяю статус radibutton, состояние переключателя кнопки тумблера не изменяется ..

есть ли способ установить флажок false для togglebuttonextender в js?

Ответы [ 2 ]

1 голос
/ 15 июня 2012

Вызовите метод другого расширителя _checkChangedHandler() по нажатию переключателя в JavaScript.

0 голосов
/ 02 апреля 2012

Пожалуйста, обратитесь к следующему примеру, который демонстрирует в javascript, как:

  • Получить состояние переключателя,
  • Изменить состояние переключателя, и

  • Установите переключатель тумблера в значение false. 

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function getcheckstate() {
                var e = $find("tb");
                alert(e._element.checked);
            }

            function change() {
                var e = $find("tb");
                e._element.click();
                //e._element.checked = (!e._element.checked); // <--- Dont use this method because it requires you hover your mouse over the image in order for it to update.
            }

            function changetofalse() {
                var e = $find("tb");
                if (e._element.checked) e._element.click();
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <asp:CheckBox ID="CheckBox1" runat="server" />
            <asp:ToggleButtonExtender
                ID="tbe"
                TargetControlID="CheckBox1"
                ImageWidth="22"
                ImageHeight="22"
                CheckedImageUrl="http://findicons.com/files/icons/1050/pidgin_old_tango_smilies/24/good.png"
                UncheckedImageUrl="http://findicons.com/files/icons/1050/pidgin_old_tango_smilies/24/bad.png"
                runat="server"
                BehaviorID="tb" />
            <br /><br />
            <input type="button" onclick="getcheckstate()" value="Get Checkbox Checked State" />
            <br />
            <input type="button" onclick="change()" value="Change Checkbox Checked State" />
            <br />
            <input type="button" onclick="changetofalse()" value="Set Checkbox Checked State To False" />
        </div>
        </form>
    </body>
</html>
...