asp.net and jQuery ui dialog issue on modal:true

Question

I have a div that contains an Asp checkboxlist and is opened by jquery ui dialog . I need to manage the postback too, so I add

.parent().appendTo($("form:first"));

The problem is that when dialog is opened all DOM is disabled, it seems that modal:true is extended to all DOM

this is aspx code :

   <script type="text/javascript">
    $(function () {
        $("#modalDialog").dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Salva": function () {
                    $("[id*=btn_save]").click();
                },
                "Annulla": function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
            }
        });
        $("#modalDialog").parent().appendTo($("form:first"));
    });
</script>
<div id="modalDialog" >
            <asp:CheckBoxList ID="ckb_eventi" runat="server" DataTextField="NOME" DataValueField="ID_CASSA">
            </asp:CheckBoxList>

        </div>
          <asp:Button ID="btn_save" runat="server" Text="Salva" style = "display:none" OnClick = "btn_save_Click" />

tulkas85 · Accepted Answer · 2013-10-15 11:10:31Z

1

I solved using jquery ui dialog option :

appendTo: "form:first"

instead of using

$("#modalDialog").parent().appendTo($("form:first"));

answered Oct 15, 2013 at 11:10

tulkas85

1,1031 gold badge18 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

asp.net and jQuery ui dialog issue on modal:true

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related