如题 我们运用模态弹出框+ajax提交表单 起首我们把index视图的create按钮增加data-toggle 和 data-target。
代码以下:
<?php echo Html::a('增加请假单', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax']) ?>
在index视图增加以下代码 来显现模态弹出框:
<div class="modal fade" id="modal_ajax" role="basic" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="../assets/global/img/loading-spinner-grey.gif" alt="" class="loading">
<span> Loading... </span>
</div>
</div>
</div>
</div>
修正后的结果以下
然后我们修正控制器中的create要领,把render改成renderAjax即可
return $this->renderAjax('create', [
'model' => $model,
]);
指向 你的models 在rules增加上考证划定规矩
public function rules()
{
return [
[['t_leave_date', 't_days', 't_reason', 't_nickname','t_leave_enddate'], 'required'],
[['t_leave_date', 't_leave_enddate'], 'safe'],
[['t_days'], 'number'],
[['t_reason'], 'string'],
[['type', 'add_time', 'uid', 'update_time', 'status', 'is_shen'], 'integer'],
[['t_pickup', 't_nickname', 't_pass'], 'string', 'max' => 20],
[['t_img', 'reviewer_user', 'audit_user'], 'string', 'max' => 255]
];
}
结果以下
如许就完成了ajax提交表单