Inline Editing (Parsley Validation) Bootstrap 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 | Bow | Anthony8 | x5428 | abow@classicmodelcars.com | Tokyo | 1056 | Sales Manager (NA) | View Edit Remove |
2 | Jennings | Leslie | x540 | ljennings@classicmodelcars.com | Tokyo | 1143 | Sales Rep 20 | View Edit Remove |
3 | Thompson | Leslie | x4065 | lthompson@classicmodelcars.com | San Francisco | 1143 | Sales Rep 3 | View Edit Remove |
4 | Firrelli | Julie | x2173 | jfirrelli@classicmodelcars.com | Boston | 1143 | Sales Rep | View Edit Remove |
5 | Patterson | Steve | x4334 | spatterson@classicmodelcars.com | Boston | 1143 | Sales Rep | View Edit Remove |
6 | Tseng | Foon Yue | o224 | ftseng@classicmodelcars.com | 1143 | Sales Rep | View Edit Remove | |
7 | Vanauf | George N | x4102 | gvanauf@classicmodelcars.com | NYC | 1143 | Sales Rep | View Edit Remove |
8 | Bondur | Loui | x6493 | lbondur@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
9 | Hernandez | Gerard | x2028 | ghernande@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
10 | Castillo | Pamela | x2759 | pcastillo@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |