EVOLUTION-NINJA
Edit File: purchase_order_details.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/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" 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="content-wrapper"> <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"> PO Creation </li> </ol> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <h3 style="text-align: center;" class="page-title"> Purchase Order Details </h3><br> <div class="radio-list" style="margin-left: 2%;"> <label class="radio-inline"> <input type="radio" checked="checked" name="planningorder" id="planningorder" onclick="planningtypes('product_wise')" /> Product Wise</label> <label class="radio-inline"> <input type="radio" name="planningorder" id="planningorder" onclick="planningtypes('design_with_tax')" /> Design With Tax</label> <label class="radio-inline"> <input type="radio" name="planningorder" id="planningorder" onclick="planningtypes('design_without_tax')" /> Design Without Tax</label> </div><br> <div id="product_wise_table"> <input type="hidden" id="selected_ids" /> <div id = "jaytab" class="jaytab"> <table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow2" title="Warning" style="display:none"> <p>Please select row</p> </div> <br/> <table id="list10_d"></table> <div id="pager10_d"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <a href="javascript:void(0)" id="ms1">Get Selected id's</a> </div> </div> <button type="button" onclick="generate_po();" style="margin-top: 25px;width: 175px;" class="btn btn-primary">Generate</button> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> function planningtypes(str) { if(str=="product_wise") { $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $('#product_wise_table').show(); } else if(str=="design_with_tax" || str=="design_without_tax") { $('#product_wise_table').hide(); swal({ title: "Under Construction!!", text: "", }); } } function generate_po() { /*id = jQuery("#list2").jqGrid('getGridParam','selarrrow'); var row = $("#list2").jqGrid('getGridParam','selrow');*/ var ids= $('#selected_ids').val(); if(ids != null && ids != '') { window.location.href = "<?php echo site_url('purchase-order-generate-po');?>?ids="+ids; } else //$( "#dialogSelectRow2" ).dialog(); { swal({ title: "Please Select Products.", text: "", }); } } /*--------------------------------product wise details------------------------------------*/ var prod_ids =[]; jQuery("#list2").jqGrid({ url:"<?php echo site_url('product-details')?>", mtype : "get", datatype: "json", colNames:['Sl No','Product','Product Type','Unit','Min Range','Max Range'], colModel:[ {name:'product_id',index:'product_id', width:100, hidden:true,key:true,editable:false,key:true}, {name:'product_name',index:'product_name', width:200, hidden:false,editable:false}, {name:'product_group_name',index:'product_group_name', width:200, hidden:false,editable:false}, {name:'unit_name',index:'unit_name', width:100, hidden:false,editable:false}, {name:'min_range',index:'min_range', width:100, hidden:false,editable:false}, {name:'max_range',index:'max_range', width:100, hidden:false,editable:false}, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, //rownumWidth: 60, pager:"#pager2", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", multiselect: true, shrinkToFit: true, loadonce:true, autoencode: true, caption:"Product-wise Details", //Subgrid1... subGrid: false, onSelectRow: function(ids) { if(ids == null) { ids=0; if(jQuery("#list10_d").jqGrid('getGridParam','records') >0 ) { $("#selected_ids").val(cellValues1); //changefunction(cellValues1); } } else { var id=jQuery("#list2").jqGrid('getGridParam','selrow'); prod_ids.push(id); var result = []; $.each(prod_ids, function(i, e) { if ($.inArray(e, result) == -1) result.push(e); }); $("#selected_ids").val(result); //changefunction(result); } }, }); $("#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 }, ); var myGrid = $("#list2"); $("#cb_"+myGrid[0].id).hide(); </script> <?php $this->load->view('includes/footer.php')?> <style type="text/css"> #gbox_list3{ width: 1050px; } .ui-widget-content, .ui-jqgrid-view, .ui-jqgrid-view .ui-jqgrid-hdiv, .ui-jqgrid-view .ui-jqgrid-bdiv, .ui-jqgrid-pager { width: 100% !important; } .ui-pg-selbox{ width: 60px !important; } #pager2_center { padding-left: 0px !important; } </style>