I have tried below: But it failed. no action when click on paging --------------------//
//----- Below jquery function for being called when click on the paging below --------------//
Code:
function getApproveList(ctrlValue1, ctrlValue2, ctrlName, ctrlErrName) {
$("#".concat(ctrlName)).html('<img alt="loading..." src="<?php echo base_url();?>assets/img/loading.gif">');
$.ajax({
method: "POST",
url: "<?php echo base_url(); echo MY_PATH;?>Item/getHtmlList",
data: { postID: 20, //$( "#".concat(ctrlValue1) ).val(),
pageNum: 2}, //$( "#".concat(ctrlValue2) ).val()},
success: function(response){
var result;
try{
alert("1234");
result=JSON.parse(response);
}catch(err){
alert(err.message);
}
$("#".concat(ctrlName)).html(result.icon);
$("#".concat(ctrlErrName)).html(result.message);
}
});
};
//---------Paging code in controller Item of function getHtmlList---------------------------------//
Code:
$outputhtml=$outputhtml."<input type=\"hidden\" id=\"ctrlpageNum\" name=\"ctrlpageNum\" value=\"$pageNum\"/>";
$outputhtml=$outputhtml."<input type=\"hidden\" id=\"ctrlpageNum2\" name=\"ctrlpageNum2\" value=\"$pageNum2\"/>";
$outputhtml=$outputhtml."<li class=\"active\"><a id=\"hrefPageNum\" href=\"#\" onclick=\"getApproveList(\"ctrlpostID\", \"ctrlpageNum\", \"tableBodyList\", \"tableBodyError\"); return false;\">$pageNum</a></li>";
$outputhtml=$outputhtml."<li><a id=\"hrefPageNum2\" href=\"#\" onclick=\"getApproveList(\"ctrlpostID\", \"ctrlpageNum2\", \"tableBodyList\", \"tableBodyError\"); return false;\">$pageNum2</a></li>";