限时 5折! 详情
Modal弹框
7 345 2016-06-28

弹框已经做好了,弹框内容是一个页面,页面上有搜索,分页,现在一点搜索,弹框就没了,直接跳转了,想在弹框上完成这些搜索,分页之类的,只有点X或者点关闭弹框的时候才关闭。

  • 7 个回答
  • 我分步来对你的问题进行回答:

    1. 点x或者关闭弹窗的时候才关闭,这个可以,除此之外点击modal之外的地方也能关闭弹窗
    2. 你目前的状态应该是弹窗显示的是关联的列表内容,想要在modal内实现你需要对列表的展现形式有所改动
      • 该列表页需要完全ajax,包括分页,你可以使用pjax实现
      • 搜索也是一样,渲染的时候就需要用renderAjax而不能再使用render等方法

  • 其余都已做好, 这个现在是问题。该列表页需要完全ajax!完全ajax能使用GridView吗、?

  • 应该是可以的,你可以试试?因为我前面做了一个类似的需求,页面除了搜索没ajax,其余都ajax处理好了,在modal弹窗内展示正常。

  • 分页那块怎么做ajax啊?分页不是都用的。组件吗?

    <= yii\widgets\LinkPager::widget(["pagination" => $dataProvider->pagination,"options"=>["class" => "pagination pagination-sm inline"]])?>

  • gridview自带的分页,开启pjax之后,分页也就是ajax的。

  • 哦,想起来了,pjax只能单独使用,我那个按钮就是用ajax做的,点击按妞弹出modal框,如果在modal上再使用Pajax是没有效果的,那天我已经试过了。!

  • 如果是列表页本身是gridview的,比如说是商品栏目列表,现在需要利用modal显示对应栏目关联的商品列表,是可以实现的。
    上面未对gridview modal中如何利用filter进行实现,这里再单独说一下:只需要为modal中的商品列表的那个gridview,添加一个id即可,像下面这样:

    echo GridView::widget([
        "dataProvider" => $dataProvider,
        "options" => ["id" => "chap-info"],
        "filterModel" => $searchModel,
        // other code ......
    ]);

    如果不设置这个id,modal弹窗中的filtersearch,搜索的时候会直接刷新页面。

登录 去赚佣金