OnCheckedChanged на стороне сервера не работает, если я открываю ASP RadioButtons в диалоге - PullRequest
Новая
       8

OnCheckedChanged на стороне сервера не работает, если я открываю ASP RadioButtons в диалоге

0 голосов
/ 02 января 2019

Я использую следующий код, чтобы открыть Div в диалоговом окне, которое содержит две переключатели. Событие на стороне сервера работает, если я не открываю этот div как диалоговое окно. Но в случае диалогового окна обратная передача работает, но проверенное событие не работает.

Ниже приведен код, который я использую: 

<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<div class="row">
    <a runat="server" href="#" onclick="openDialoge()">button</a>
    <%--<button runat="server" id="btn" value="Button" onclick="openDialoge()">dasd</button>--%>
    <div id="popupObject">
        <asp:RadioButton runat="server" ID="a" Checked="true" AutoPostBack="true" GroupName="a" CssClass="noUnderline" Text="a" OnCheckedChanged="a_CheckedChanged"/>
        <asp:RadioButton runat="server" ID="b" AutoPostBack="true" GroupName="a" CssClass="noUnderline" Text="b" OnCheckedChanged="a_CheckedChanged"/>
    </div>
</div>
<script type="text/javascript">
    function openDialoge(e) {
        $("#popupObject").dialog({
            height: ((400 - 350) * (180 / 100)),
            width: "500px",
        });
    }
</script>

Кто-нибудь может подсказать, почему это происходит или что я должен сделать, чтобы решить это.

1 Ответ

0 голосов
/ 03 января 2019

Я вижу, что он не работает с использованием JQuery-UI. Но он работает с использованием начальной загрузки. Пожалуйста, дайте мне знать, если это сработало и для вас. Я получил его для работы с главной страницей и без главной страницы.

Вот она со страницей сайта site.master. 

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="FredWebForm.WebForm2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $(function () {
                $("#btn_open_modal1").click(function () {
                    $('#exampleModal').modal('show');

                })
            })
        });
    </script>
    <button id="btn_open_modal1" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
        Launch outer modal
    </button>
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div style="height: 100px;">
                        <asp:RadioButton runat="server" ID="a" Checked="true" AutoPostBack="true" GroupName="a" CssClass="noUnderline" Text="a" OnCheckedChanged="a_CheckedChanged" />
                        <asp:RadioButton runat="server" ID="b" AutoPostBack="true" GroupName="a" CssClass="noUnderline" Text="b" OnCheckedChanged="a_CheckedChanged" />
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btn_open_modal2" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal2">
                        Launch second modal
                    </button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
...