EVOLUTION-NINJA
Edit File: jqgrid.php
<?php echo view('includes/header');?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/admin_dashboard/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/jqgrid/jqgrid/css/ui.jqgrid.css'); ?>" /> <script type="text/javascript" src="<?php echo base_url('public/assets/admin_dashboard/js/jquery.min.js');?>"></script> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <style type="text/css"> .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); } #editmodlist2 { //height: 232px !important; width: 326px !important; } #FrmGrid_list2 { width: 100% !important; } .ui-jqdialog .ui-jqdialog-titlebar { height: 29px !important; background-color: #00CA79; color: white; padding-left: 10px; } .fm-button { height: 21px !important; padding: 1px; margin-right: 10px !important; height: 21px !important; width: 43%; margin-top: -7px !important; } .ui-jqdialog-content td.navButton { padding-top: 12px !important; } .ui-jqgrid .ui-jqgrid-titlebar { height: 27px !important; background-color:#00CA79 !important; color:white !important; } .ui-jqgrid-bdiv { height: 232px !important; } .ui-widget-overlay { z-index:0 !important; } </style> <section class="content-header"> <h1> Land Owner </h1> </section> <!--- section 1 --> <section class="content"> <div class="col-sm-12 col-md-10"> <form id="land_owner" class="form-inline land_owner_form" enctype="multipart/form-data"> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Name or ID</label> <input type="text" class="form-control col-sm-8" name="name" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Address</label> <input type="text" class="form-control col-sm-8" name="address" required="required"> </div> </div> <!-- row 1--> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Project Name </label> <input type="text" class="form-control col-sm-8" name="project_name" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 ">Mail Id</label> <input type="email" class="form-control col-sm-8" name="email" required="required"> </div> </div> <!-- row 2--> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Contact No</label> <input type="number" class="form-control col-sm-8" name="mobile" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">ID Proof attach</label> <input type="file" class="col-sm-8 text-center center-block well well-sm" name="id_proof_image" required="required"> </div> </div> <!-- row 3--> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">PAN / Aadhar No</label> <input type="text" class="form-control col-sm-8" name="pan_or_adhar" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Upload land images</label> <input type="file" class="col-sm-8 text-center center-block well well-sm" name="land_images[]" required="required" multiple> </div> </div> <!-- row 4--> <div class="row land_owner_a"> <div class="col-sm-4 col-md-4"></div> <div class="col-sm-4 col-md-4"> <button type="submit" class="btn btn-primary center-block submit">Submit</button> </div> <div class="col-sm-4 col-md-4"></div> </div> <!-- row 4--> </form> <!-- form End--> <div class="row" style="padding-left:20px; padding-top:25px;"> </div> </div> <!--- col-sm-8 --> <div class="col-sm-0 col-md-2"></div> </section> <!--- section 2 --> <!-- <div id = "jaytab" style="width: 775px; margin-top:3%" class="col-sm-12"> <table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> --> <?php echo view('includes/footer');?> <script type="text/javascript"> $(document).ready(function(){ $('.land_owner_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo site_url("add-land-owners")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.land_owner_form')[0].reset(); $(".submit").text("Submit"); } else { toastr["error"](response.message); $(".submit").text("Submit"); } } }); }); jQuery("#list2").jqGrid({ url:"", mtype : "post", datatype: "json", colNames:['SI','Client Code','Name','Phone','Alternate Phone','Landline','Address1','Address2','Email','Date'], colModel:[ {name:'id',index:'id', width:50, hidden:true,editable:true,key:true}, {name:'client_code',index:'client_code',editable:false, width:100}, {name:'name',index:'name',edittype:'text',editable:true,editrules:{required: true}, width:100}, {name:'phone',index:'phone',editable:true,editrules:{required: true,number: true},editoptions: {size:10, maxlength: 10}, width:100}, {name:'alternate_phone',index:'alternate_phone',edittype:'text',editable:true,editrules:{required: true}, width:100}, {name:'landline',index:'landline',edittype:'text',editable:true,editrules:{required: true}, width:100}, {name:'address1',index:'address1',editable:true,editrules:{required: true}, width:100}, {name:'address2',index:'address2',editable:true,editrules:{required: true}, width:100}, {name:'email',index:'email',editable:true,editrules:{required: true}, width:140}, {name:'created_on',index:'created_on', width:100}, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, rownumWidth: 40, pager:"#pager2", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", //multiple: true, loadonce:true, caption:"Client Details" }); $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {edit:false,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true } ); $("#list2").navButtonAdd('#pager2', { caption:"Edit", buttonicon:"ui-icon-pencil", onClickButton: editRow, position: "last", title:"", cursor: "pointer", id:"client_edit" } ); $("#list2").navButtonAdd('#pager2', { caption:"Delete", buttonicon:"ui-icon-trash", onClickButton: deleteRow, position: "last", title:"", cursor: "pointer", id:"client_delete" } ); }); </script>