EVOLUTION-NINJA

Edit File: purchase_order_form.php

<?php echo view('includes/header');?>

<section class="content-header">
				<h1>Product List For PO Generate</h1>				
			</section>

<section class="content">	
			<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">							   	    
					 <div id = "jaytab3" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid">
						<div class="grid_div"></div><table id="list3"></table>
			 			<div id="pager3"></div>
		     			<div id="dialogSelectRow3" title="Warning" style="display:none">
							 <p>Please select row</p>
		  				</div>
					</div>

</div>
					<button type="button" onclick="genarate_po();" style="margin-top: 25px;width: 175px;">Generate</button>
				</div> 		
				<div class="col-sm-0 col-md-1"></div>
			</section>

.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
				  border-color: #FF0000;
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
				}
				#FrmGrid_list2
				{
					width: 100% !important;
				}
				.ui-jqdialog .ui-jqdialog-titlebar
				{
					height: 29px !important;
					background-color: #001a00;
					color: white;
					padding-left: 10px;
				}
				.fm-button
				{
					height: 21px !important;
					padding: 1px;					
					margin-right: 10px !important;
					height: 21px !important;				    
				    width: 50%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background:#AF0100 !important;
					color:white !important;
				}
				.ui-jqgrid-bdiv
				{
					height: 232px !important;
				}
				.ui-widget-overlay
				{
					z-index:0 !important;
				}
				.ui-widget-header
				{
				background: #1e7ad7 !important;
				}
				.ui-jqgrid-hdiv ui-state-default
				{
				width: 873px !important; cursor: default!important
				}
				ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
				{
				border: 1px solid #fed22f;
				background: #ffe45c;
			   }
			   .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
			   {
					font-weight: bold;
					color: black;
				}
			.ui-jqgrid .ui-jqgrid-bdiv {
				overflow-y: scroll;
				//overflow-x: hidden;
				}
				
				.agr_appr
				{
				font-weight:bold !important;
				color:#AF0100;
				cursor: pointer; 
				}

</style>
	   
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" />
						
		<script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>			
<script type="text/javascript">

$(document).ready(function (){

jQuery("#list3").jqGrid({
		
	 	url:"<?php echo site_url('product-list')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','Product Name','Description','Department','Currency'],
		colModel:[
					{name:'id',index:'id', width:50, hidden:true,editable:false,key:true},
					{name:'product_name',index:'product_name', width:100, editable:false},
					{name:'description',index:'description', width:100, editable:false},
					{name:'deptartment',index:'deptartment', width:100, editable:false},
					{name:'currency',index:'currency', width:100, editable:false},
					
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager3", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: true,
		      	
		      	 emptyrecords: 'No records to display',
		         multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:" Product details List",
			
		});

$("#list3").jqGrid("setLabel", "rn", "SL");

$("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

});

function genarate_po() {
	id = jQuery("#list3").jqGrid('getGridParam','selarrrow');
	var row = $("#list3").jqGrid('getGridParam','selrow'); 
	if(row != null )
	{
		window.location.href = "<?php echo site_url('purchase-order-generate-po');?>?id="+id;
	}
	else $( "#dialogSelectRow3" ).dialog();

}

</script>
	
<?php echo view('includes/footer');?>