EVOLUTION-NINJA

Edit File: jqgrid1.php

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

#editmodlist2
	{
		//height: 232px !important;
		width: 335px !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: #0c497d !important;
		color:white !important;
	}
	.ui-jqgrid-bdiv
	{
		height: 232px !important;
	}
	.ui-widget-overlay
	{
		z-index:0 !important;
	}
	.pest_label
	{
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.stock_in
	{
		width:14% !important;
	}
	.stock_label
	{
		padding-right:134px !important;
	}
	#plus_icon
	{
		padding: 0px 6px;
		background-color: #00CA79;
		border-color: #00CA79;
	}
	#plus_icon:hover
	{
		background-color: #00CA79;
		border-color: #00CA79;
	}
</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;">

jqGrid
						<div class="container">
							<div class="row">

<div id = "jaytab" style="width: 775px; margin-top:3%" class="col-md-8 col-md-offset-2">
										<table id="list2"></table>
										<div id="pager2"></div>
										<div id="dialogSelectRow" title="Warning" style="display:none">
											<p>Please select row</p>
										</div>									
									</div>
									</div>
								</div>

</div>
					
				</div> 				
				<div class="col-sm-0 col-md-2"></div>
			</section> 
				
<script type="text/javascript">

$(document).ready(function(){

jQuery.browser = {};
(function () {
    jQuery.browser.msie = false;
    jQuery.browser.version = 0;
    if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
        jQuery.browser.msie = true;
        jQuery.browser.version = RegExp.$1;
    }
})();

OwnersList();

$('.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");                       
                    }
                   
                }
                
         });
             
     }); 
	
	function OwnersList()
	{
		$("#jqGrid").jqGrid({
                url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
                mtype: "GET",
                datatype: "jsonp",
                colModel: [
                    { label: 'OrderID', name: 'OrderID', key: true, width: 75 },
                    { label: 'Customer ID', name: 'CustomerID', width: 150 },
                    { label: 'Order Date', name: 'OrderDate', width: 150 },
                    { label: 'Freight', name: 'Freight', width: 150 },
                    { label:'Ship Name', name: 'ShipName', width: 150 }
                ],
				viewrecords: true,
                width: 780,
                height: 250,
                rowNum: 20,
                pager: "#jqGridPager"
            });
	}
	
 });

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