In my webform, I have a GridView with checkboxes in it. I want to show this GridView in a jquery modal popup and allow users to check checkboxes to select the rows. When the user makes a selection, I want to get the DataKeyName and process it in the OnCheckedChanged event of the checkbox. When I call the 'change' event from jquery, the serverside code fires only if I set AutoPostback=true for the checkboxes, with the fall out that the modal popup dialog is closed automatically.
Is it possible to call OnCheckedChanged event of the CheckBox without postback? Or any way of reloading the GridView after the postback?
What I have tried:
function ShowPopup() {
$("#dialog").dialog({
title: "GridView",
width: 1100,
autoOpen:true,
buttons: {
Ok: function () {
$(this).dialog('close');
},
},
open: function (type, data) {
$(this).parent().appendTo($("form:first"));
$("input[type=checkbox]").click(function () {
$("input[type=checkbox]").trigger("change");
}
},
modal: true
});
}