EVOLUTION-NINJA

Edit File: d_technical_manuals.php

<div class="container">	
	<div class="p_list">
		<h3>TECHNICAL MANUALS</h3>
		<table id="list2"></table>
		<div id="pager2"></div>
	</div>
</div>

<div class="height-50"></div>

<script>
  $(document).ready(function (){
	
		jQuery("#list2").jqGrid({
			url:"",
			mtype : "post",
			datatype: "json", 
		     colNames:['Id','Product Range','Category','Document Type','Document Sub Type','Option Card Name','Document Number','Document Name','Upload Date','Download'],
			colModel:[
					{name:'id',index:'id', width:50, align:'center',key:true,editable:true,hidden:true},
		      	    {name:'productrange',index:'productrange', width:50, align:'center',key:true,editable:true},
					{name:'category', index:'category', align:'center',editable:true, width:50},
					{name:'documenttype', index:'documenttype', align:'center',editable:true, width:50},
					{name:'documentsubtype', index:'documentsubtype', align:'center',editable:true, width:60},
					{name:'optioncardname', index:'optioncardname', align:'center',editable:true, width:50},
					{name:'documentnumber', index:'documentnumber', align:'center',editable:true, width:50},
					{name:'documentname', index:'documentname', align:'center',editable:true, width:50},
					{name:'uploaddate', index:'uploaddate', align:'center',editable:true, width:50},
					{name:'download', index:'download', align:'center',editable:true, width:50}
		      	    ],
			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:"Technical Manuals"
			}); 
	   $("#list2").jqGrid('filterToolbar',{searchOperators : false});//for multisearch code,remove if not required
	
		$("#list2").jqGrid('navGrid','#pager2',
					{search:true,refreshstate:"current",edit:true,add:true,del:true},
					{ },
			        { },
			        { }, 
					{
				    	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>