DEMO SITE v1.7.15

Inline Editing (Parsley Validation) Bootstrap 4.5 theme

Inline Editing while doing validation using parsely validator

HIDE CODE
<?php
   
	$xcrud = Xcrud::get_instance();
    $xcrud->table('employees');
	$xcrud->table_name('Employees - Single click cell to edit!');
    $xcrud->set_attr('lastName',array('id'=>'user','data-role'=>'admin'));	
	//Activate parslet validation
	$xcrud->parsley_active(true);
	//Make extension mandatory
	$xcrud->set_attr('extension',array('required'=>'required'));
	//Ensure First Name is alpha numeric	
	$xcrud->set_attr('firstName',array('data-parsley-trigger'=>'change','required'=>'required','id'=>'user','data-parsley-type'=>'alphanum'));
	$xcrud->set_attr('lastName',array('data-parsley-trigger'=>'change','required'=>'required','id'=>'user','data-parsley-type'=>'alphanum'));
	//ensure valid email and display "Email not valid"
	$xcrud->set_attr('email',array('data-parsley-trigger'=>'change','id'=>'user','data-parsley-type'=>'email',
	'data-parsley-error-message'=>"Email not valid"));	
	//ensure office Code is between 3 and 5 number characters
	$xcrud->set_attr('reportsTo',array('id'=>'user','data-parsley-type'=>'digits','data-parsley-length'=>"[3,5]"));
	$xcrud->relation('officeCode','offices','officeCode','city');
	$xcrud->fields_inline('lastName,firstName,extension,email,officeCode,reportsTo,jobTitle');//set the fields to allow inline editing	    
    $xcrud->set_logging(true);
    echo $xcrud->render();
	
?>

Employees - Single click cell to edit!

#LastnameFirstnameExtensionEmailOfficecodeReportstoJobtitle 
1CastilloPamelafspcastilloclas@sodelcars.comSan Francisco1102Sales Rep1
2BottLarryx2311lbott@classicmodelcars.comTokyo1102Sales Rep
3JonesBarrysdfsdx102bjones@classicmodelcars.comRIO DE JANEIRO1105Sales Rep
4FixterAndyx101afixter@classicmodelcars.comSydney1088Sales Rep
5MarshPeterdsfdsx102pmarsh@classicmodelcars.comSydney1088Sales Rep
6KingTomx103tking@classicmodelcars.comSydney1088Sales Rep
7NishiMamix101mnishi@classicmodelcars.comTokyo1056Sales Rep
8KatoYoshimix102mgerard@classicmodelcars.comTokyo1621Sales Rep
9GerardMartinx2312mgerard@classicmodelcars.comParis1102Sales Rep
10CIPOm@gmail.comVP Marketing
Search