ansaurus

Question

jquery dialog interferes with .net input checkbox checked property - always false

Answer 1

A:

I don't know the JQuery dialog plugin but I run across this frequently, with every Lightbox/Thickboxclone I've seen until now. Either:

The script will copy the DOM elements into the Lightbox area, instead of moving them.
The script will move the DOM elements into the Lightbox area, but not move them back into their original position, putting them outside the form.

My bet is the latter happens.

Possible workarounds:

put the form into the dialog window (if possible)
modifying the dialog script so it stores a reference to the parent element in the DOM objects it moves, and moves them back into the right place when the dialog gets closed.
Or use the very simple solution fehays suggests.

Pekka 2010-01-15 19:33:09

Answer 2

A:

The jquery dialog is moved in the dom when it's created. After creating the dialog, try moving it back into the form tag:

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

Edit - Here's more complete code:

<script type="text/javascript">
    $(function() {

        $("#view_test").click(function() {
            $("#test").dialog({ show: 'slide', width: 600, title: 'View Check' });
            $("#test").parent().appendTo($("form:first"));
        });
    });
</script>

<body>
    <form id="form1" runat="server">
    <div>
        <div id="test">            
            <input type="checkbox" id="ch1" name="ch1" runat="server" />test
            <input type="button" id="view_test" value="click" />            
        </div>    
        <asp:Button ID="btnSubmit" runat="server" Text="submit" 
            onclick="btnSubmit_Click" />    
    </div>
    </form>
</body>

Code behind:

public partial class Tests_Test : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        Response.Write(ch1.Checked.ToString());
    }
}

fehays 2010-01-15 19:33:12

I have to thank you :) I spent hours with this issue...

kiev 2010-01-15 20:12:25

This solution doesn't seem to work in IE :(

kiev 2010-01-18 21:40:20

It's working for me in IE. Maybe it's a problem with different part of your code? I'll make an edit to my post with the complete code I'm using and see if that helps you.

fehays 2010-01-18 22:22:43

It was another part that broke this. I was calling dialog('destroy') and that messed things up. Changed it to do dialog('close')

kiev 2010-01-18 22:46:06

Ah ok. Good stuff.

fehays 2010-01-18 22:51:23

ansaurus

tags:

views:

answers:

jquery dialog interferes with .net input checkbox checked property - always false

related questions