Filter 如何在yii2中动态显示页面大小？

目前，我已经在搜索功能中设置了静态页面大小，但现在我需要创建下拉列表，以便用户从前端更改页面大小。例如10,20,50100

---

我得到了代码，但它是为yii以前的版本

如果必须这样做，我将使用以下方法

• 为页面大小创建一个下拉列表，如果您希望在

  摘要

  文本和

  项目

  列表之间调整gridview的

  布局

  选项内的下拉列表，或者将其添加到gridview之前。与此图像类似，您可以使用div对其进行包装，以便自己调整CSS

要做的主要事情是将下拉列表的

id

包含到

filterSelector

选项中，以便每次过滤gridview时，以及每次更改下拉列表时，都会提交下拉列表值

您的GridView如下所示

GridView::widget([
    'dataProvider' => $dataProvider,
    'layout'=>'{summary}'.Html::activeDropDownList($searchModel, 'myPageSize', [1 => 10, 2 => 20, 50 => 50, 100 => 100],['id'=>'myPageSize'])."{items}<br/>{pager}",
    'filterModel' => $searchModel,
    'filterSelector' => '#myPageSize',
    'columns'=>[
       // your column configurations.......
    ]
]);

在这里，我们将默认页面大小设置为我们创建的下拉列表中的最小选项，否则它将在您更改下拉列表时更新

---

现在尝试更改下拉列表，您将看到它正在工作。希望这能有所帮助

如果必须这样做，我将使用以下方法

• 为页面大小创建一个下拉列表，如果您希望在

  摘要

  文本和

  项目

  列表之间调整gridview的

  布局

  选项内的下拉列表，或者将其添加到gridview之前。与此图像类似，您可以使用div对其进行包装，以便自己调整CSS

要做的主要事情是将下拉列表的

id

包含到

filterSelector

选项中，以便每次过滤gridview时，以及每次更改下拉列表时，都会提交下拉列表值

您的GridView如下所示

GridView::widget([
    'dataProvider' => $dataProvider,
    'layout'=>'{summary}'.Html::activeDropDownList($searchModel, 'myPageSize', [1 => 10, 2 => 20, 50 => 50, 100 => 100],['id'=>'myPageSize'])."{items}<br/>{pager}",
    'filterModel' => $searchModel,
    'filterSelector' => '#myPageSize',
    'columns'=>[
       // your column configurations.......
    ]
]);

在这里，我们将默认页面大小设置为我们创建的下拉列表中的最小选项，否则它将在您更改下拉列表时更新

现在尝试更改下拉列表，您将看到它正在工作。希望这有帮助