带分页的下拉框插件
##配置说明 https://terryz.gitee.io/selectpage/demo.html
<?= $form->field($model, 'select')->widget(\easydowork\selectpage\SelectPage::class,[
'pluginOptions' => [
'data' => [
[
'id' => 1,
'name' => 'test1',
],
[
'id' => 2,
'name' => 'test2',
]
],
]
]) ?>
#ajax
<?= $form->field($model, 'select')->widget(\easydowork\selectpage\SelectPage::class,[
'pluginOptions' => [
'data' => \yii\helpers\Url::to(['test/data']),
'eAjaxSuccess' => (new \yii\web\JsExpression('function(res){var data;if(res.ret){data = res.data;}else{data = undefined;}return data;}'))
]
]) ?>
//服务端返回的JSON数据格式
//这里的示例数据,有些节点不是必须的,最重要的是list和totalRow两个节点必须存在
//所以在上面的代码中,设置了eAjaxSuccess的回调中将data节点
//返回,因为在该节点下存在list和totalRow两个数据项
$pageSize = 10;
$model = Model::find()
->select(['id','name'])
->andFilterWhere(['like','name',post('name')])
->andFilterWhere(['id' => post('searchValue')]);
$pages = new Pagination(['totalCount' => $model->count(), 'pageSize' => $pageSize]);
$pages->setPage(post('pageNumber')-1);
$list = $model->offset($pages->offset)->limit($pages->limit)->all();
$data = [
"pageSize" => $pages->pageSize,
"pageNumber" => $pages->getPage(),
"totalRow" => $pages->totalCount,
"totalPage" => $pages->pageCount,
"list" => $list
];
{
"ret":1,
"data": {
"pageSize": 10,
"pageNumber": 1,
"totalRow": 11,
"totalPage": 2,
"list": [
{"name": "计算机网络","id": "1"},
{"name": "计算机网络1","id": "2"},
{...}
]
}
}
// Multiple select without model
echo \easydowork\selectpage\SelectPage::widget([
'name' => 'selectPage',
'value' => '1',
'data' => [
[
'id' => 1,
'name' => 'selectPage',
]
],
'options' => [
'id' => uniqid(),
]
]);