EVOLUTION-NINJA

Edit File: jqgrid.php

<?php echo view('includes/header');?>

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

<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> 
						
						<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> 
						
						<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> 
						
						<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> 
						
						<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> 					
					</form>
					
					
					
					<div class="row" style="padding-left:20px; padding-top:25px;">

</div>
					
				</div> 				
				<div class="col-sm-0 col-md-2"></div>
			</section>

<?php echo view('includes/footer');?>

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