Subfields

[blondie63]

I've this fields with subfields:

$this->data['functionalities'] = $this->getFunctionalities();
$this->crud->addField([
'name' => 'contractDetails',
'label' => trans('backpack::base.functionality'),
'type' => 'relationship',
'tab' => trans('backpack::base.general'),
'subfields' => [
[
'name' => 'id_functionality',
'label' => trans('backpack::base.name'),
'type' => 'select_from_array',
'options' => $this->getFunctionalities(),
'allows_null' => false,
'wrapper' => [
'class' => 'form-group col-md-3',
],
],
[
'name' => 'quantity',
'label' => trans('backpack::base.quantity'),
'type' => 'number',
'wrapper' => [
'class' => 'form-group col-md-3',
],
],
[
'name' => 'price',
'label' => trans('backpack::base.price'),
'type' => 'number',
'prefix' => '€ ',
'decimals' => 2,
'dec_point' => ',',
'thousands_sep' => '.',
'wrapper' => [
'class' => 'form-group col-md-3',
],
'attributes' => [
'readonly' => 'readonly'
]
],
[
'name' => 'description',
'label' => trans('backpack::base.description'),
'type' => 'textarea',
'attributes' => [
'readonly' => 'readonly'
]
],
],
]);```

the contractDetails field has subfields that it takes from getFunctionalities, on the Functionality model I have boolean fields that I need to show or not some subfields, for example I have Functionality->quantity, if this field is true then I have to show the subfield: 'name' => 'quantity'

How can i do it ?
Thanks for help

[o15a3d4l11s2]

From your code it seems to me that the fields should not be dynamic, so you can just define them inside an array with a condition and then send this array of subfields to the main field like

$this->data['functionalities'] = $this->getFunctionalities();

$contractDetailsSubfields = [
    [
        'name' => 'id_functionality',
        'label' => trans('backpack::base.name'),
        'type' => 'select_from_array',
        'options' => $this->getFunctionalities(),
        'allows_null' => false,
        'wrapper' => [
            'class' => 'form-group col-md-3',
        ],
    ]
];

// Your custom data that says if the subfield should be included or not
if ($this->data['functionalities']['includeQuantity'] == true) {
    $contractDetailsSubfields[] = [
        'name' => 'quantity',
        'label' => trans('backpack::base.quantity'),
        'type' => 'number',
        'wrapper' => [
            'class' => 'form-group col-md-3',
        ],
    ];
}

$contractDetailsSubfields = array_merge($$contractDetailsSubfields, [
    [
        'name' => 'price',
        'label' => trans('backpack::base.price'),
        'type' => 'number',
        'prefix' => '€ ',
        'decimals' => 2,
        'dec_point' => ',',
        'thousands_sep' => '.',
        'wrapper' => [
            'class' => 'form-group col-md-3',
        ],
        'attributes' => [
            'readonly' => 'readonly'
        ]
    ],
    [
        'name' => 'description',
        'label' => trans('backpack::base.description'),
        'type' => 'textarea',
        'attributes' => [
            'readonly' => 'readonly'
        ]
    ]
]);

$this->crud->addField([
    'name' => 'contractDetails',
    'label' => trans('backpack::base.functionality'),
    'type' => 'relationship',
    'tab' => trans('backpack::base.general'),
    'subfields' => $contractDetailsSubfields,
]);

If I did not understand you correctly and you need subfields to dynamically show/hide other subfields from the same form, then you can refer to https://backpackforlaravel.com/docs/6.x/crud-fields-javascript-api#1-show-hide-a-field and https://backpackforlaravel.com/docs/6.x/crud-fields-javascript-api#11-when-a-repeatable-subfield-changes-disable-another-subfield

[blondie63]

I think that i can't do this and i've to use some js because the subfields depending of functionality selection
and selection is done client side
what you think ?

[o15a3d4l11s2]

Yes, if the subfields should change dynamically based on the admin input, then follow https://backpackforlaravel.com/docs/6.x/crud-fields-javascript-api#11-when-a-repeatable-subfield-changes-disable-another-subfield

As an example:

crud.field('contractDetails').subfield('id_functionality').onChange(function(field) {
    crud.field('contractDetails').subfield('quantity').enable(field.value == 'nfc');
 });

[blondie63]

Thanks a lot !! i'll study :)

[blondie63]

@o15a3d4l11s2 You know that I have discovered that it goes as I want already with the code that you have modified for me without the need for onchange functions..
I don't know how to do it though.. :)

[o15a3d4l11s2]

Sorry, I could not completely understand the last message. Is it working with the sample code that I sent? Is there something more that needs to happen from functionality side?

[blondie63]

Everything works perfectly with that code but I'm a little surprised because I thought it required javascript code since the presence or absence of the quantity field depends on the selection of the functionality (dropdown)

[tabacitu]

Hot tip for everyone here @blondie63 & @o15a3d4l11s2 ... if you tell Markdown the code syntax, it will use syntax highlighting, so it'll be easier to read. Take a look at this:

if ($this->data['functionalities']['includeQuantity'] == true) {
    $contractDetailsSubfields[] = [
        'name' => 'quantity',
        'label' => trans('backpack::base.quantity'),
        'type' => 'number',
        'wrapper' => [
            'class' => 'form-group col-md-3',
        ],
    ];
}

vs this:

if ($this->data['functionalities']['includeQuantity'] == true) {
    $contractDetailsSubfields[] = [
        'name' => 'quantity',
        'label' => trans('backpack::base.quantity'),
        'type' => 'number',
        'wrapper' => [
            'class' => 'form-group col-md-3',
        ],
    ];
}

Looks better right? And it was easy to achieve:

Hope it helps!