EVOLUTION-NINJA
Edit File: inventory.php
<?php $this->load->view('includes/header.php')?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" /> <script type="text/javascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/javascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <div class="container bg" style="background: white; padding: 30px 40px 100px; border:1px solid #EEEEEE; margin-bottom: 30px; margin-top: 30px;"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Purchase</a></li> <li class="breadcrumb-item"> Inventory </li> </ol> </div> </div> </div> </div> <!--<h3 class="page-title" style="padding-bottom: 20px;">--> <!--Inventory Details--> <!--</h3>--> <div id="inventory_details"> <div id ="jaytab" style="margin-top:3%" class="grid "> <table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> </div> <style type="text/css"> #btn{ border: none; background:none; } #return{ border: none; background:none; color: #EA701F; } form{ padding-top: 30px; } #gbox_list3{ width: 1050px; } </style> <script type="text/javascript"> CallGrid(); function CallGrid() { $(document).ready(function (){ jQuery("#list2").jqGrid({ url:"<?php echo site_url('get-inventory-details')?>", datatype: "json", colNames:['Id','PO No','Layout','Godown','Issue','Return','Preview','Created By','Created At'], colModel:[ {name:'id',index:'id',hidden:true, key:true,width:50,editable:true,width:100}, {name:'po_no',index:'po_no', width:120,editable:true,editrules:{required: true}}, {name:'layout_name',index:'layout_name', editable:true,editrules:{required: true},width:150}, {name:'godown_name',index:'godown_name', editable:true,editrules:{required: true},width:150}, {name:'',index:'',align: "center",editable:false,editrules:{required: true},search:false,width:100,cellattr: function (cellvalue, options, rowObject) { return ' onclick="fun_issue('+rowObject.id+');" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='Issue' \>"; } }, {name:'',index:'',align: "center",editable:false,editrules:{required: true},search:false,width:100,cellattr: function (cellvalue, options, rowObject) { return ' onclick="fun_return('+rowObject.id+');" '; },formatter:function (cellvalue, options, rowObject) { // return "<input type='button' value='Return' \>"; return "<button type='button' id='return'><i class='fa fa-exchange' aria-hidden='true'></i></i></button>"; } }, {name:'',index:'',align: "center",editable:false,editrules:{required: true},search:false,width:100,cellattr: function (cellvalue, options, rowObject) { return ' onclick="fun_preview('+rowObject.id+');" '; },formatter:function (cellvalue, options, rowObject) { //return "<input type='button' value='Preview' \>"; return "<button type='button' id='btn'><i class='fa fa-eye' aria-hidden='true'></i></button>"; } }, {name:'name',index:'name',width:100,hidden:false,editable:false}, {name:'created_on',index:'created_on', editable:true,editrules:{required: true},width:200,formatter: 'date',formatoptions: { srcformat: 'ISO8601Long', newformat: 'd-m-Y g:ia'}}, ], height: 'auto', rowNum:50, rowTotal: 200000000000000000000000000, rowList : [50,100,200,300,500,1000,5000], rownumbers: true, rownumWidth: 40, pager:"#pager2", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"desc", //multiple: true, loadonce:true, loadonce:true, caption:"Inventory Details", subGrid: false, }); $("#list2").jqGrid("setLabel", "rn", "SL"); $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {edit:false,add:false,del:false,search:false,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); }); } /*----------------------------------------------------------------------------*/ function fun_issue(id) { window.location.href="<?php echo site_url('issue-inventory-products/');?>"+id; } function fun_return(id) { window.location.href="<?php echo site_url('return-inventory-products/');?>"+id; } function fun_preview(id) { window.location.href="<?php echo site_url('preview-inventory-products/');?>"+id; } </script> <?php $this->load->view('includes/footer.php')?>