Geek asks and answers

The selected search does not work with jQuery Dialog. What for?

Here is my code

  var dlg = $("#transfer_client").dialog({
                dialogClass: "templateDialog",
                autoOpen: false,
                modal: true,
                zIndex: 1500,
                height: 200,
                width: 200,
                title: "Transfer Campaign to a different Client"
            });

        dlg.parent().appendTo(jQuery("form:first"));

Where transfer_client is the div code:

 <div id="transfer_client" class="dialog position" title="Transfer to a different Client">
    <span>Client:</span>
    <asp:DropDownList runat="server" Height="30px" ID="ddlClients" DataTextField="ClientName"
        DataValueField="ClientID">
    </asp:DropDownList>
    <br />
    <br />
    <asp:Button runat="server" OnClientClick="return confirmSubmit();" ID="btnTranfer"
        Text="Transfer" OnClick="btnTranfer_Click" />
</div>

I tried $("#dropDownID").chosen(), after dlg.parent().appendTo(jQuery("form:first")); or before, but that does not make it searchable. But the code works fine when used without any dialogue. Any idea how to make it work inside the dialog?

Edit : Mark as resolved since it was an error in the js dialog box.

+3
source share
2 answers

Have you looked at question # 18 on github ?

He solved my similar problem and basically boils down to enlarging the CSS search box z-index.

+2
source

try it

.chosen-container .chosen-results {
    position: fixed;
    z-index: 23423423423;
    height: 200px;
    width: 300px;
    background-color: white;
}
0
source

More articles: