Skip to content

List

Class: Code16\Sharp\Form\Fields\SharpFormListField

A List is made of items, and each item contains form fields.

Let's review a simple use case: a museum with all kind of art pieces. In the DB it's a 1-N relationship. If we choose to define a ArtPiece Entity in Sharp, we'll end up with maybe a Select, or an Autocomplete, to designate the Museum. But here, we want to do the opposite: define a Museum Entity, with an ArtPiece list.

Here's how we can build this:

php
function buildFormFields()
{
    $this->addField(
        SharpFormListField::make('pieces')
            ->setLabel('Art pieces')
            ->setAddable()
            ->setRemovable()
            ->addItemField(
                SharpFormDateField::make('acquisition_date')
                    ->setLabel('Acquisition')
            )
            ->addItemField(
                SharpFormTextField::make('title')
                    ->setLabel('Title')
            )
            ->addItemField(
                SharpFormSelectField::make('artist_id', /*[...]*/)
                    ->setLabel('Artist')
            )
    );
}

Configuration

addItemField

Add a SharpFormField in the item, building it like for the regular Form, with SharpFormField::make().

setAddable

Defines if new items can be added to the List. Default: false.

setAddText

Define the text of the Add item button. Default: "Add an item".

setMaxItemCount

setMaxItemCountUnlimited

If the List is addable, you can specify a maximum item count with these. Default: unlimited.

setSortable

Defines if items can be sorted by the user. Default: false.

setOrderAttribute

This is only useful when using the WithSharpFormEloquentUpdater trait. You can define here the name of an numerical order attribute (typically: order), and it will be automatically updated in the save() process.

setRemovable

Defines if items can be removed by the user. Default: false.

setItemIdAttribute

Defines the id attribute name for items. Default: id.

allowBulkUploadForField

doNotAllowBulkUpload

If the list item contains an UploadFormField field, this option can be used to present a bulk upload area to the user. The $itemFieldKey must refer to the key of the UploadFormField. Default is false (do not allow bulk upload)

setBulkUploadFileCountLimitAtOnce

Sets a file count limit to bulk upload (useful to prevent unwanted mass upload...). Default: 10

Layout

The List item layout must be defined like the form itself, in the buildFormLayout() function. The item layout is managed as a Form column, with a FormLayoutColumn object. To link the column and the item, use the classic withField() function with a second argument, a Closure accepting a FormLayoutColumn.

Here's an example for the Museum List defined above:

php
class MyForm extends SharpForm
{
    // [...]
    
    function buildFormLayout(FormLayout $formLayout)
    {
        $this->addColumn(6, function (FormLayoutColumn $column) {
             $column->withSingleField('pieces', function (FormLayoutColumn $listItem) {
                  $listItem->withField('acquisition_date')
                      ->withField('title')
                      ->withField('artist_id');
             });
         });
    }
}

Formatter

toFront

The Formatter expects an array or a Collection of models, each one defining attributes for each list item keys at the format expected by the corresponding Field Formatter.

So in our Museum example, we must provide an array of ArtPiece models with at least those attributes: id, title, acquisition_date, artist_id.

fromFront

Returns an array with the same shape. Newly added items will have a null id.

Released under the MIT License.