A2LIX JS - 共鸣-收集

仅与 vanilla JS 管理您的 Symfony 表格收藏

安装

npm install @a2lix/symfony-collection

基本用途

参见Symfony Encore实例(https://github.com/a2lix/Demo/blob/master/assets/app.js 互联网档案馆的存檔,存档日期2013-12-11(中文(简体) )

import a2lix_lib from '@a2lix/symfony-collection/dist/a2lix_sf_collection.min'

a2lix_lib.sfCollection.init()

高级使用

默认配置 https://github.com/a2lix/symfony-collection/blob/master/src/a2lix sf collection.ts#L3-L45 互联网档案馆的存檔,存档日期2014-12-02 在进入期间,可以用javascript在全球定制

a2lix_lib.sfCollection.init({
  entry: {
    add: {
        label: 'Add entry'
    },
}}

或/并更精确地用 DOM 属性在每集上:

  ...
    ->add('categories', CollectionType::class, [
        ...
        'attr' => [
          'data-entry-add-label' => 'Add Category',
        ],
    ])

嵌入式收藏

正如 SF 在此情况下所建议, 您必须覆盖默认的“ prototype name” 选项(https://symfony.com/doc/current/reference/forms/types/collection.html#原型-名称)以自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来自来所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所 然后,在 DOM 属性中设置相同的自定义名称 .

在“ 类” 收藏中嵌入的“ tags” 收藏示例 :

  ...
    ->add('tags', CollectionType::class, [
        'entry_type' => TextType::class,
        'allow_add' => true,
        'allow_delete' => true,
        'delete_empty' => true,
        'by_reference' => false,
        'prototype_name' => '__name2__',  // Advised by Symfony
        'attr' => [
            'data-prototype-name' => '__name2__'  // Required by a2lix_sf_collection
        ],
        'entry_options' => [
            'label' => false,
        ],

帮助

docker run -it --rm --user $(id -u):$(id -g) --name a2lix_nodejs -v "$PWD":/usr/src/app -w /usr/src/app node:alpine npm install
docker run -it --rm --user $(id -u):$(id -g) --name a2lix_nodejs -v "$PWD":/usr/src/app -w /usr/src/app node:alpine npm run build

演示

见 Demo项目。 。 。 .