EVOLUTION-NINJA
Edit File: d_application_letter.php
<div class="container"> <div class="p_list"> <h3>APPRECIATION LETTERS</h3> <table id="list2"></table> <div id="pager2"></div> </div> </div> <div class="height-50"></div> <script> $(document).ready(function (){ jQuery("#list2").jqGrid({ url:"<?php echo site_url('controller/get_appreciation_letter');?>", mtype : "post", datatype: "json", colNames:['Id','Segment','Company Name','Location','Download'], colModel:[ {name:'id',index:'id', width:50, align:'center',key:true,editable:true,hidden:true}, {name:'segment',index:'segment', width:50, align:'center',key:true,editable:true}, {name:'company', index:'company', align:'center',editable:true, width:50}, {name:'location', index:'location', align:'center',editable:true, width:50}, {name:'',index:'', search:false, width:80, align:'center',editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; var retVal = '<a data-toggle="tooltip" title="Download" class="" target="new_blank" href="<?php echo base_url();?>'+rowObject.document+'"><button>Download</button></a> '; return retVal; }}, ], rowNum:10, rowTotal: 2000, rowList : [10,20,40,80], rownumbers: true, rownumWidth: 40, pager:"#pager2", sortname:'id', viewrecords: true, loadonce:true, gridview: true, autowidth: true, sortorder:"asc", caption:"Application Letters" }); $("#list2").jqGrid('filterToolbar',{searchOperators : false});//for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {search:true,refreshstate:"current",edit:false,add:false,del:false}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, multipleGroup:true, caption:"search" } ); $('#pager2').css("height", "auto"); $("#list2").navButtonAdd('#pager2', { caption:"", buttonicon:"ui-icon-plus", onClickButton: addRow, position: "last", title:"", cursor:"pointer", id:"client_add" } ); $("#list2").navButtonAdd('#pager2', { caption:"", buttonicon:"ui-icon-pencil", onClickButton: editRow, position: "last", title:"", cursor: "pointer", id:"client_edit" } ); }); </script>