alex-dwt / sortable-behavior-bundle
提供了一种对管理列表进行排序的方法
v2.0.3
2022-04-16 15:57 UTC
Requires
- php: >=7.2
- symfony/config: >=5.0
- symfony/dependency-injection: >=5.0
- symfony/form: >=5.0
- symfony/http-kernel: >=5.0
- twig/twig: ^2.0 || ^3.0
Requires (Dev)
- gedmo/doctrine-extensions: >=2.2
Suggests
- sonata-project/admin-bundle: Can be easily integrated with Sonata Admin bundle
- stof/doctrine-extensions-bundle: 1.1.*@dev
README
为您的Symfony2管理列表提供可排序功能
SonataAdminBundle实现
SonataAdminBundle提供了一个文档在这里
配置
默认情况下,此扩展与Doctrine ORM一起工作,但您可以选择通过定义驱动程序配置使用Doctrine MongoDB
# app/config/config.yml pix_sortable_behavior: db_driver: mongodb # default value : orm position_field: default: sort #default value : position entities: AppBundle\Entity\Foobar: order AppBundle\Entity\Baz: rang sortable_groups: entities: AppBundle\Entity\Baz: [ group ]
使用可拖动列表而不是上下按钮
为了使用可拖动列表而不是上下按钮,将move
操作中的模板更改为PixSortableBehaviorBundle:Default:_sort_drag_drop.html.twig
。
<?php // ClientAdmin.php protected function configureListFields(ListMapper $listMapper) { $listMapper ->addIdentifier('name') ->add('enabled') ->add('_action', null, array( 'actions' => array( 'move' => array( 'template' => 'AppBundle:Admin:_sort_drag_drop.html.twig', 'enable_top_bottom_buttons' => true, //optional ), ), )) ; }
此外,在您的theme.yml
文件中包含所需的JavaScript,添加以下两行
//... javascripts: - bundles/pixsortablebehavior/js/jquery-ui.min.js // if you haven't got jQuery UI yet. - bundles/pixsortablebehavior/js/init.js
添加JavaScript和模板后,您将能够拖动表格中的项目。如果您需要,此插件会在对$(document)
元素进行拖动时触发jQuery事件,因此如果您想添加自定义通知,这是可能的。此外,当拖动<body>
时,会获得is-dragging
类。当您停止拖动时,此类会被移除。如果您有自定义的js/css,这可能非常有用。
pixSortableBehaviorBundle.success
pixSortableBehaviorBundle.error
禁用顶部和底部按钮
<?php // ClientAdmin.php protected function configureListFields(ListMapper $listMapper) { $listMapper ->addIdentifier('name') ->add('enabled') ->add('_action', null, array( 'actions' => array( 'move' => array( 'template' => 'PixSortableBehaviorBundle:Default:_sort_drag_drop.html.twig', 'enable_top_bottom_buttons' => true, ), ), )) ; }