PHP 8.3.1 Symfony 6.4.3 EasyAdmin 4.8.12 I have 3 Crud Contr

Missing Javascript functionality for TextEditorField and CollectionField on nested forms about easyadminbundle HOT 2 OPEN

Montintin commented on June 9, 2024

Missing Javascript functionality for TextEditorField and CollectionField on nested forms

from easyadminbundle.

Comments (2)

Montintin commented on June 9, 2024

I found that if I merge the assets from a TextEditorField on the ContratosTemplatesCrudController.php, the TextEditor renders fine, no luck with the CollectionField though, also I'm not sure that's the best way to go

protected function getFieldAssets(FieldCollection $fieldDtos): AssetsDto
    {
        $fieldAssetsDto = new AssetsDto();
        $currentPageName = $this->getContext()?->getCrud()?->getCurrentPage();
        foreach ($fieldDtos as $fieldDto) {
            $fieldAssetsDto = $fieldAssetsDto->mergeWith($fieldDto->getAssets()->loadedOn($currentPageName));
        }

        // add assets
        $textEditorField = TextEditorField::new('cualquiercosa');
        $fieldAssetsDto = $fieldAssetsDto->mergeWith($textEditorField->getAsDto()->getAssets()->loadedOn($currentPageName));
       // doesn't do anything
        $collectionField = CollectionField::new('contratosCampos');
        $fieldAssetsDto = $fieldAssetsDto->mergeWith($collectionField->getAsDto()->getAssets()->loadedOn($currentPageName));

        return $fieldAssetsDto;
    }

from easyadminbundle.

Montintin commented on June 9, 2024

I found a workaround for these problems

First for the TextEditor I ended up using this so the field would render correctly

protected function getFieldAssets(FieldCollection $fieldDtos): AssetsDto
    {
        $fieldAssetsDto = new AssetsDto();
        $currentPageName = $this->getContext()?->getCrud()?->getCurrentPage();
        foreach ($fieldDtos as $fieldDto) {
            $fieldAssetsDto = $fieldAssetsDto->mergeWith($fieldDto->getAssets()->loadedOn($currentPageName));
        }

        // Add TextEditor CSS and JS
        $dto= new FieldDto();
        $dto->addJsAsset(Asset::fromEasyAdminAssetPackage('field-text-editor.js')->getAsDto());
        $dto->addCssAsset(Asset::fromEasyAdminAssetPackage('field-text-editor.css')->getAsDto());
        $fieldAssetsDto = $fieldAssetsDto->mergeWith($dto->getAssets()->loadedOn($currentPageName));

        return $fieldAssetsDto;
    }

For the CollectionField, I realized that if I used a Symfony Form instead of a an EasyAdmin CRUD Form it worked.

ContratosCrudController.php

public function configureFields(string $pageName): iterable
    {
        return [
            IdField::new('id')->hideOnForm(),
            BooleanField::new('active'),
            TextEditorField::new('contrato'),
            CollectionField::new('contratosCampos')
                ->renderExpanded()
                ->setEntryIsComplex()
               // this works
                ->setEntryType(ContratosCamposType::class)
               // this doesn't
               // ->useEntryCrudForm()
               // this also doesn't work
                // ->useEntryCrudForm(ContratosCamposCrudController::class),
        ];
}

from easyadminbundle.

Recommend Projects