使用 KnpPaginatorBundle 创建和检索可排序的选项列表

Posted 2023-04-14

【中文标题】使用 KnpPaginatorBundle 创建和检索可排序的选项列表

【英文标题】：create and retrieve sortable options list with KnpPaginatorBundle

【发布时间】：2014-11-25 19:02:30

【问题描述】：

我想使用 KnpPaginatorBundle 检索可排序的选项列表，但我失败了。 这是表格：

       <form action="" method="get" class="form_sort" id="myForm">
           <span class="manage_title">Sort by:</span>
                <select class="select_styled white_select" id="sort_list" name="option" onChange="sendForm();">
                     <option value="">-------</option>
         knp_pagination_sortable(pagination, 'Country A-Z', 'country', 'sort': 'country', 'direction': 'asc') 
         knp_pagination_sortable(pagination, 'Country Z-Z', 'country', 'sort': 'country', 'direction': 'desc') 
                 </select>
       </form>   

这是 KnpPaginatorBundle\Pagination\sortable_option.html.twig 中的视图

<option % for attr, value in options %  attr =" value "% endfor %> title </option>

这就是行动：

    public function listAction($page, Request $request)

    $em = $this->getDoctrine()->getManager();

    $paginator  = $this->get('knp_paginator');

    if ($request->getMethod() == 'POST')
    

        $option = $request->query->get('option'); //get query option
        list($directiuon, $sort) = explode(":", $option);

        $listTravels = $em->getRepository('ProjectTravelBundle:Travel')->getListTravelsFrontend($sort, $direction);

        $pagination = $paginator->paginate(
            $listTravels,
            $this->get('request')->query->get('page', $page)/*page number*/,
            5/*limit per page*/
        );

        return $this->render('ProjectFrontendBundle:Frontend:list.html.twig',array(
            'pagination' => $pagination
        ));
    

    $listTravels = $em->getRepository('ProjectTravelBundle:Travel')->findAll();

    $pagination = $paginator->paginate(
        $listTravels,
        $this->get('request')->query->get('page', $page)/*page number*/,
        5/*limit per page*/
    );

    return $this->render('ProjectFrontendBundle:Frontend:list.html.twig',array(
        'pagination' => $pagination
    ));

我想知道如何使用 sort=country and direction=asc 在表单中正确创建选项，以及使用 sort=country and direction=desc 的第二个选项strong> ，我还想在 POST 之后在控制器中检索这些参数并纠正 Action 中的错误（接近爆炸）。

例如，当我选择第一个选项时，我得到了这个网址：

http://localhost/agence/web/app_dev.php/travels?option=Country+A-Z

【参考方案1】：

发生这种情况是因为您正在发送表单，我在您之前的问题中给您写了一段 JS：

获取所选选项的值，例如。 localhost/agence/web/app_dev.php/travels?sort=country&direction=desc

重定向到您从值中检索到的页面。

我认为它也可能不起作用，因为 KNPPaginator 默认模板是一个链接，所以而不是 href = "KNP_LINK" 需要 value = "KNP_LINK"。修改文件

KnpPaginatorBundle \ Pagination \ sortable_option.html.twig

【讨论】：

是的，我现在使用sortable: KnpPaginatorBundle:Pagination:sortable_option.html.twig，我创建了KnpPaginatorBundle \ Pagination \ sortable_option.html.twig，这部分很好。但是js代码不起作用：/

你能告诉我（pastebin）生成的选择的html DOM吗？

那个 html DOM 是什么？

粘贴我的 HTML 源代码。

生成的 html 现在看起来不错，所以试试这个 JS：pastebin.com/KHSc2r8N PS。立即删除 Yout 中的 onChange="..." 属性。