Can any body help me to sort out my problem?
The problem is: as I have checked some checkbox and than searching using text box or sorting the column, the checked checkbox can not reatin as checked.
Here is my code snippet:
// PREPARE VARIABLE FOR TABLE DATA FILLUP
var mydata = [
{"sequence":"sequence","odk":"odk","down":"down"}
];
$(document).ready(function () {
//TO LOAD THE DATA IN TABLE
$("#jqGrid").jqGrid({
datatype: "local",
data: mydata,
height: 250,
width: 961,
colModel: [
{ label: 'sequence', name: 'sequence', width: 75 },
{ label: 'ODK', name: 'odk', width: 75 },
{ label: 'Down', name: 'down', width: 75 },
],
viewrecords: true, // show the current page, data rang and total records on the toolbar
<!--sortable: true,-->
colMenu : true,
shrinkToFit : false,
multiselect: true,
caption: "Game Film Search Tool",
});
$('#jqGrid').jqGrid('filterToolbar',{
stringResult: true,
//searchOnEnter: false,
searchOperators : true
});
});
// AS SELECT CHECKBOX FROM TABLE
function getSelectedRows() {
var grid = $("#jqGrid");
var rowKey = grid.getGridParam("selrow");
if (!rowKey)
alert("No rows are selected");
else {
var selectedIDs = grid.getGridParam("selarrrow");
var result = "";
for (var i = 0; i < selectedIDs.length; i++) {
result += selectedIDs[i] + ",";
}
var reelName = prompt("Please enter a title", "Title");
if (reelName != null) {
//alert("Saving " + reelName + " with these clips" + result);
var gameid = $(".schoolid_chk").val();
var result = result.slice(0,-1);
$.ajax({
data:{'reelName':reelName,'result': result},
type: 'POST',
dataType:'html',
url: 'saveReelHeaderAndDetail.php',
success:function(data){
$('#savemsg').text(data);
$('#savemsg').show();
},
});
}
}
}
This is HTML:
<table id="jqGrid"></table>
