EVOLUTION-NINJA
Edit File: vendor_master_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="container bg" style="background: white; padding: 30px 40px 100px;"> <h3 class="page-title"> Vendor Master Details </h3> <form action="<?php echo site_url('add-vendor-details'); ?>" method="post" class="form-horizontal"> <b>To insert data click here:</b> <input type="submit" name="Insert" value="Insert" /><br><br> </form> <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> <script type="text/javascript"> CallGrid(); function CallGrid() { jQuery("#list2").jqGrid({ url:"<?php echo site_url('get-vendor-list')?>", datatype: "json", colNames:['Id','Name','Vendor Id','Contact Person','Address','GST No','PAN No','Phone','Email','Action'/*,'Preview'*/], colModel:[ {name:'id',index:'id',hidden:true, editable:true,width:100}, {name:'vendor',index:'vendor', editable:false,width:100}, {name:'vendor_id',index:'vendor_id',editable:true,editrules:{required: true},width:100}, {name:'cont_person',index:'cont_person',editable:true,editrules:{required: true},width:90}, {name:'address',index:'address', width:100,editable:true,editrules:{required: true}}, {name:'gst_no',index:'gst_no', width:100,editable:true,editrules:{required: true}}, {name:'pan_no',index:'pan_no', width:100,editable:true,editrules:{required: true}}, {name:'phone',index:'phone', width:100,editable:true,editrules:{required: true}}, {name:'email',index:'email', width:150,editable:true,editrules:{required: true}}, {name:'',index:'',width:80, search:false,editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; var retVal = ' <a onclick="fun_edit('+rowObject.id+');" href="javascript:void(0);"><i class="fa fa-pencil-square-o" style="color:blue;" aria-hidden="true"></i></a> <a onclick="delete_vendor('+rowObject.id+')"; href="javascript:void(0);"><i class="fa fa-trash" style="color:red;" aria-hidden="true"></i></a>'; return retVal; }}, /*{name:'preview',index:'preview',align: "center",editable:false,search:false,editrules:{required: true}, width:200,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_preview($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' class='fa fa-eye' value='PREVIEW' onclick='some_function' classes='preview' \>"; }},*/ ], 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, caption:"Vendor Master Details", }); $("#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_preview(rowId,grid_from_id) { var id = rowId.closest('tr').attr('id'); window.location.href = '<?php echo site_url('vendor-preview');?>/'+id; } function fun_edit(rowId) { var id = rowId; window.location.href = '<?php echo site_url('edit-vendor-page');?>/'+id; } function delete_vendor(id) { swal({ title: "Are you sure?", text: "You will not be able to recover this data!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ url:"<?php echo site_url("delete-vendor-master")?>", type:"POST", data:{id:id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"]("Deleted successfully"); $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } </script> <style type="text/css"> form{ padding-top: 30px; } .bg{ border:1px solid #949494; margin-top: 30px; margin-bottom: 30px; } .footer{ background: #ffff !important; border-top: none !important; } </style> <?php $this->load->view('includes/footer.php')?>