Using setContent seems to break buttons

[jonfrainParticipant]

Hello,

If I create the content manually as follows it handles the cancelButton being pressed:

<div id='deleteUserWindow' >
    <div id="deleteUserWindowHeader">
        <!-- title of span is set dynamically -->
        <span id="captureContainer" style="float: left">Delete User Confirmation</span>
    </div>
    <div id="deleteUserWindowContent" style="overflow: hidden">
        </br></br>Are you sure you want to delete user:</br></br> 
       

        <input style="margin-top: 10px;" type="submit" name="Submit" value="Submit" id="submitButton" />&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" value="Cancel" id="cancelButton" />
    </div>
</div>

But if I try to prepend the content and then show the window the cancel button isn’t recognized as being pressed:

var str = " Are you sure you want to delete User: " + $("#userName-" + currentId).html() + ' ?</br></br>';
var content = str +  $('#deleteUserWindow').jqxWindow('content'); 
$('#deleteUserWindow').jqxWindow('setContent', content);

// move window and open!!
$('#deleteUserWindow').jqxWindow('open');

[Peter StoevKeymaster]

Hello jonfrain,

setContent replaces your window’s content with new HTML. If your buttons are part of the content then they will be removed or replaced depending on whether you have or have not buttons in your new content. When you replace content, you will lose the Click handlers and that’s normal and should be expected, because you have new HTML Elements.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts