JQuery UI - Модальный - PullRequest
Новая
       19

JQuery UI - Модальный

0 голосов
/ 20 июля 2011

У меня есть следующий код: 

    <script type="text/javascript">
        $(function () {
            $('#<%=btn1.ClientID %>').bind('click', function (event) {
                $('#modal').dialog({
                    title: 'title',
                    modal: true,
                    buttons: {
                        'ok': function () {
                            return true;
                        },
                        'cancel': function () {
                            $(this).dialog('close');
                        }
                    }
                })
            })
        })
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Button ID="btn1" runat="server" OnClick="btnClick" Text="click me" />
    <div id="modal" style="visibility: hidden">
        <span>yay!</span>
    </div>
    </form>
</body>
</html>

У меня есть кнопка asp: и на клике клиента появляется диалоговое окно.

как видите, у меня есть кнопка asp:, которая обрабатывает событие onclick на стороне сервера. Однако есть также событие, на которое отвечает обработчик события onclientclick, который открывает диалоговое окно с двумя кнопками: «ОК» и «Отмена». Однако диалоговое окно не работает, и страница выполняет событие OnClick со стороны сервера. У вас есть идеи, почему это так, и как я могу это изменить? Что я делаю не так?

Заранее спасибо!

1 Ответ

0 голосов
/ 20 июля 2011

Вы можете попробовать отправить форму вручную следующим образом: 

 'ok': function () {
            $('#myform').submit();                        
       },
...