DEMO SITE v1.7.15

Edit - Modal (Nested Tab) Bootstrap 4.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

#OrderdateRequireddateStatusCommentsCustomernumber 
111.02.2003 00:00:0031.07.2020 00:00:00ShippedGreat363
210.01.2003 00:00:0012.07.2021 19:03:41Shipped181
329.01.2003 00:00:0007.02.2003 00:00:00Shipped121
431.01.2003 00:00:0009.02.2003 00:00:00Shipped141
511.02.2003 00:00:0021.02.2003 00:00:00ShippedItem 1554
 gdfgdfgdfgdfg
145
617.02.2003 00:00:0024.02.2003 00:00:00ShippedGreat Item278
724.02.2003 00:00:0003.03.2003 00:00:00ShippedDifficult to negotiate with customer. We need…131
803.03.2003 00:00:0012.03.2003 00:00:00Shipped385
910.03.2003 00:00:0019.03.2003 00:00:00ShippedCustomer requested that FedEx Ground is used for…486
1018.03.2003 00:00:0024.03.2003 00:00:00Shipped187
Search