EVOLUTION-NINJA

Edit File: purchase_order_details.php

<?php $this->load->view('includes/header.php')?>

<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>

Purchase Order Details

</h3><br>

Product Wise</label> &nbsp;&nbsp;&nbsp;

Design With Tax</label> &nbsp;&nbsp;&nbsp;

Design Without Tax</label>

</div><br>

<p>Please select row</p>

</div>

<br/>

<a href="javascript:void(0)" id="ms1">Get Selected id's</a>

</div>

<button type="button" onclick="generate_po();" style="margin-top: 25px;width: 175px;" class="btn btn-primary">Generate</button>

</div>

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')?>

#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>