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!
# | Lastname | Firstname | Extension | Officecode | Reportsto | Jobtitle | ||
---|---|---|---|---|---|---|---|---|
1 | Tseng | Foon Yue | o225 | ftseng@classicmodelcars.com | Boston | 1143 | Sales Rep | View Edit Remove |
2 | Vanauf | George N | x4102 | gvanauf@classicmodelcars.com | 1143 | Sales Rep | View Edit Remove | |
3 | Bondur | Loui | x6493 | lbondur@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
4 | Hernandez | Gerard | x2028 | ghernande@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
5 | Castillo | Pamela2 | x2759 | pcastillo@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
6 | Bott | Larry | x2311 | lbott@classicmodelcars.com | London | 1102 | Sales Rep | View Edit Remove |
7 | Jones | Barry | x102 | bjones@classicmodelcars.com | London | 1102 | Sales Rep | View Edit Remove |
8 | Fixter | Andy | x101 | afixter@classicmodelcars.com | Sydney | 1088 | Sales Rep | View Edit Remove |
9 | Marsh123 | Peter | x102 | pmarsh@classicmodelcars.com | Sydney | 1088 | Sales Rep | View Edit Remove |
10 | King | Tom | x103 | tking@classicmodelcars.com | Sydney | 1088 | Sales Rep | View Edit Remove |