国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

bootstrap modal+gridview實現(xiàn)彈出框效果

2019-11-19 15:47:30
字體:
供稿:網(wǎng)友

項目需要在gridview的表單信息中點擊更新,彈出表單進(jìn)行操作,不需要跳轉(zhuǎn)。

1.在girdview中加入更新操作按鈕用來調(diào)用modal彈窗

'buttons' => [  'update' => function ($url, $model, $key) {       return Html::a('<span class="glyphicon glyphicon-pencil"></span>', '#', [          'data-toggle' => 'modal',          'data-target' => '#update-modal',          'class' => 'data-update',          'data-id' => $key,          'title'=>'更改狀態(tài)',          ]);        },      ],   

2.gridview的頭部創(chuàng)建modal彈窗樣式

<?phpuse yii/bootstrap/Modal;//模態(tài)彈出框Modal::begin([  'id' => 'update-modal',  'header' => '<h4 class="modal-title">更改狀態(tài)</h4>',  'footer' => '<a href="#" rel="external nofollow" class="btn btn-primary" data-dismiss="modal">Close</a>',]); Modal::end();?>

3.gridview中ajax

<?php    $requestUpdateUrl = Url::toRoute('update');$updateJs = <<<JS  $('.data-update').on('click', function () {    $.get('{$requestUpdateUrl}', { id: $(this).closest('tr').data('key') },      function (data) {        $('.modal-body').html(data);      }     );  });JS;$this->registerJs($updateJs); ?>

4.控制器update方法

 public function actionUpdate($id){  $model = Order_packet::findOne($id);  $model->setScenario('update');//指定場景,防止時間等變量同時被更改  if ($model->load(Yii::$app->request->post()) && $model->save()) {    return $this->redirect(['index']);  } else {    return $this->renderAjax('update', [  //這里需要渲染update模版,要在view中寫update      'model' => $model,    ]);  }}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 西平县| 恩施市| 麦盖提县| 灵武市| 华安县| 罗平县| 比如县| 岳阳市| 三明市| 凤翔县| 德州市| 登封市| 南安市| 祁东县| 探索| 南开区| 清徐县| 南投县| 商洛市| 平江县| 兴隆县| 赫章县| 邮箱| 钟山县| 房产| 宾阳县| 曲靖市| 延安市| 舒城县| 双辽市| 靖远县| 博罗县| 贵德县| 佛学| 蒲城县| 海宁市| 和政县| 伊川县| 资阳市| 马公市| 黄大仙区|