Edit - Modal (Nested Tab) Bootstrap 5 theme
Edit through a Modal Form with nested tab
HIDE CODE
<?php $xcrud = Xcrud::get_instance(); $xcrud->table('orders'); $xcrud->default_tab('Order info'); $xcrud->columns('orderDate,requiredDate,status,comments,customerNumber'); $xcrud->fields_arrange('orderDate,requiredDate,shippedDate','Dates',true); $xcrud->fields_arrange('status,customerNumber','Customer',true); $xcrud->fields_arrange('comments','Other Info',true); $orderdetails = $xcrud->nested_table('Order details','orderNumber','orderdetails','orderNumber'); // 2nd level $orderdetails->columns('productCode,quantityOrdered,priceEach'); $orderdetails->fields_arrange('productCode','Product',true); $orderdetails->fields_arrange('quantityOrdered,priceEach','Quantity',true); $orderdetails->fields('productCode,quantityOrdered,priceEach'); $orderdetails->default_tab('Detail information'); $customers = $xcrud->nested_table('Customers','customerNumber','customers','customerNumber'); // 2nd level 2 $customers->columns('customerName,city,country'); $products = $orderdetails->nested_table('Products','productCode','products','productCode'); // 3rd level $products->default_tab('Product details'); $products->is_edit_modal(true); $productLines = $products->nested_table('Product Lines','productLine','productlines','productLine'); // 4th level $xcrud->is_edit_modal(true); echo $xcrud->render(); ?>
Orders
# | Orderdate | Requireddate | Status | Comments | Customernumber | |
---|---|---|---|---|---|---|
1 | 09.01.2003 00:00:00 | 13.01.2003 00:00:00 | Shipped | NULL | 363 | View Edit Remove |
2 | 09.01.2003 00:00:00 | 18.01.2003 00:00:00 | Shipped | Check on availability. | 128 | View Edit Remove |
3 | 10.01.2003 00:00:00 | 18.01.2003 00:00:00 | Shipped | 181 | View Edit Remove | |
4 | 29.01.2003 00:00:00 | 07.02.2003 00:00:00 | Shipped | 121 | View Edit Remove | |
5 | 31.01.2003 00:00:00 | 09.02.2003 00:00:00 | Shipped | 141 | View Edit Remove | |
6 | 11.02.2003 00:00:00 | 21.02.2003 00:00:00 | Shipped | 145 | View Edit Remove | |
7 | 17.02.2003 00:00:00 | 24.02.2003 00:00:00 | Shipped | 278 | View Edit Remove | |
8 | 24.02.2003 00:00:00 | 03.03.2003 00:00:00 | Shipped | Difficult to negotiate with customer. We need | 131 | View Edit Remove |
9 | 03.03.2003 00:00:00 | 12.03.2003 00:00:00 | Shipped | 385 | View Edit Remove | |
10 | 10.03.2003 00:00:00 | 19.03.2003 00:00:00 | Shipped | Customer requested that FedEx Ground is used for | 486 | View Edit Remove |