Как в TYPO3 10 создать поле загрузки файла во флексформе пользовательского расширения extbase? - PullRequest
1 голос
/ 05 мая 2020

Я попытался создать поле загрузки файла в гибкой форме расширения extbase в TYPO3 10. поскольку "файл" internal_type не поддерживается в TYPO3 10, я попробовал приведенный ниже код.

<settings.bgImage>
    <TCEforms>
        <label>Background Image</label>
        <config>
            <type>inline</type>
            <maxitems>1</maxitems>
            <foreign_table>sys_file_reference</foreign_table>
            <!--<foreign_field>uid_foreign</foreign_field>-->
            <foreign_table_field>tablenames</foreign_table_field>
            <foreign_label>uid_local</foreign_label>
            <foreign_sortby>sorting_foreign</foreign_sortby>
            <foreign_selector>uid_local</foreign_selector>
            <foreign_selector_fieldTcaOverride type="array">
            <config>
                <appearance>
                    <elementBrowserType>file</elementBrowserType>
                    <elementBrowserAllowed>jpg,jpeg,png,svg</elementBrowserAllowed>
                </appearance>
            </config>
            </foreign_selector_fieldTcaOverride>
            <foreign_match_fields type="array">
                <fieldname>image</fieldname>
            </foreign_match_fields>
            <appearance type="array">
                <newRecordLinkAddTitle>1</newRecordLinkAddTitle>
                <createNewRelationLinkTitle>Add Image</createNewRelationLinkTitle>
                <headerThumbnail>
                    <field>uid_local</field>
                    <height>64</height>
                    <width>64</width>
                </headerThumbnail>
            </appearance>
        </config>
    </TCEforms>
  </settings.bgImage>

Но это тоже работает некорректно. пожалуйста, помогите мне это исправить. Спасибо

Ответы [ 2 ]

1 голос
/ 08 мая 2020

Вот работающая в настоящее время полная FlexForm только с одним полем FAL-Image. Конфигурация снова изменилась ...: - (

Пример FlexForm

    <T3DataStructure>
        <sheets>
            <sDEF>
                <ROOT>
                    <TCEforms>
                        <sheetTitle>Example 1</sheetTitle>
                    </TCEforms>
                    <type>array</type>
                    <el>
                        <!-- example of a working fal image -->
                        <images>
                            <label>FAL-Images</label>
                            <config>
                                <type>inline</type>
                                <foreign_table>sys_file_reference</foreign_table>
                                <foreign_field>uid_foreign</foreign_field>
                                <foreign_sortby>sorting_foreign</foreign_sortby>
                                <foreign_table_field>tablenames</foreign_table_field>
                                <foreign_match_fields>
                                    <!-- this will be stored in sys_file_reference.fieldname -->
                                    <fieldname>image</fieldname>
                                </foreign_match_fields>
                                <foreign_label>uid_local</foreign_label>
                                <foreign_selector>uid_local</foreign_selector>
                                <overrideChildTca>
                                    <columns>
                                        <uid_local>
                                            <config>
                                                <appearance>
                                                    <elementBrowserType>file</elementBrowserType>
                                                    <elementBrowserAllowed></elementBrowserAllowed>
                                                </appearance>
                                            </config>
                                        </uid_local>
                                    </columns>
                                </overrideChildTca>
                                <filter>
                                    <userFunc>TYPO3\CMS\Core\Resource\Filter\FileExtensionFilter->filterInlineChildren</userFunc>
                                    <parameters>
                                        <allowedFileExtensions></allowedFileExtensions>
                                        <disallowedFileExtensions></disallowedFileExtensions>
                                    </parameters>
                                </filter>
                                <appearance>
                                    <useSortable>1</useSortable>
                                    <headerThumbnail>
                                        <field>uid_local</field>
                                        <width>45</width>
                                        <height>45c</height>
                                    </headerThumbnail>
                                    <enabledControls>
                                        <info>1</info>
                                        <new>0</new>
                                        <dragdrop>1</dragdrop>
                                        <sort>0</sort>
                                        <hide>1</hide>
                                        <delete>1</delete>
                                    </enabledControls>
                                </appearance>
                            </config>
                        </images>
                        <!-- end -->
                    </el>
                </ROOT>
            </sDEF>
        </sheets>
    </T3DataStructure>

Обновление: я покажу здесь ViewHelper и как его использовать ...

Пример шаблона

{namespace t=Your\Extension\ViewHelpers}

<f:for each="{t:FAL(uid=entry.uid, field='image', table='tt_content')}" as="preview">
    <div class="preview">
        <f:image src="{f:uri.image(image=preview)}" title="{preview.title}" />
        <figcaption>{preview.title} {preview.description}</figcaption>
    </div>
</f:for>

Пример ViewHelper

<?php
namespace Your\Extension\ViewHelpers;
use TYPO3Fluid\Fluid\Core\Rendering\RenderingContextInterface;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;
use TYPO3\CMS\Core\Resource\ResourceFactory;
use TYPO3\CMS\Core\Utility\GeneralUtility;

class FALViewHelper extends AbstractViewHelper
{
    use CompileWithRenderStatic;

    public function initializeArguments()
    {
        $this->registerArgument('table', 'string', '', false);
        $this->registerArgument('field', 'string', '', true);
        $this->registerArgument('uid', 'integer', '', true);
    }
    public static function renderStatic( array $arguments, \Closure $renderChildrenClosure, RenderingContextInterface $renderingContext)
    {
        $resFactory = \TYPO3\CMS\Core\Resource\ResourceFactory::getInstance();
        $table = $arguments['table'] != NULL ? $arguments['table'] : 'tt_content';
        $field = $arguments['field'];
        $uid = intval($arguments['uid']);

        $fileRepository = GeneralUtility::makeInstance(\TYPO3\CMS\Core\Resource\FileRepository::class);
        $fileObjects = $fileRepository->findByRelation($table, $field, $uid);

        return $fileObjects;
    }
}

Объяснение

Изображения разрешаются через таблицу sys_file_reference.

Когда вы смотрите при этом вы обнаружите, что эти поля будут заполнены данными ваших расширений: - tablenames, - fieldname и - uid_foreign

В поле flexform, вероятно, будет tt_content as tablenames, image as fieldname и uid ваших расширений tt_content записывают как uid_foreign.

Flexform определяет <fieldname>image</fieldname> ... это станет fieldname.

Шаблон должен указывать ViewHelper, что искать: {t:FAL(uid=entry.uid, field='image', table='tt_content')}

  • entry.uid должен соответствовать uid вашего элемента содержимого.
  • field = 'image' должно соответствовать имени поля FlexForm.
  • Таблица должна соответствовать таблице, в которой хранятся данные. (Здесь: tt_content)
0 голосов
/ 09 мая 2020

Спасибо за код. Я сам какое-то время искал здесь решение.

К сожалению, в моем шаблоне отображается неправильное изображение. Вывод в моем шаблоне жидкости выглядит следующим образом:

{f:uri.image(src:'{data.flexform_images}', treatIdAsReference:'1')}

Что не так?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...