Modales Yii2.0-Popup-Feld + Ajax-Übermittlungsformular

高洛峰
Freigeben: 2023-03-04 17:24:02
Original
1594 Leute haben es durchsucht

Wie im Titel verwenden wir ein modales Popup-Feld + Ajax, um das Formular abzusenden. Zuerst fügen wir der Schaltfläche „Erstellen“ der Indexansicht „Daten umschalten“ und „Datenziel“ hinzu.

Der Code lautet wie folgt:

<?php
echo Html::a(&#39;添加请假单&#39;, [&#39;create&#39;], [&#39;class&#39; => &#39;btn btn-success&#39;,&#39;data-toggle&#39;=>&#39;modal&#39;,&#39;data-target&#39;=>&#39;#ajax&#39;])
?>
Nach dem Login kopieren

Fügen Sie den folgenden Code in der Indexansicht hinzu, um das modale Pop-up anzuzeigen. Up-Box:

<div class="modal bs-example-modal-lg" id="ajax">
 
 <div class="modal-dialog">
  
 <div class="modal-content width_reset" id="tmpl-modal-output-render"> </div>
  
 </div>
 
</div>
Nach dem Login kopieren

Der geänderte Effekt ist wie folgt

Yii2.0 模态弹出框+ajax提交表单

Dann ändern wir die Erstellung Methode im Controller und ändern Sie render Einfach renderAjax

return $this->renderAjax(&#39;create&#39;, [
 &#39;model&#39; => $model,
]);
Nach dem Login kopieren

Wenn Sie eine Formularvalidierung hinzufügen möchten, müssen wir _form in Ansichten ändern und die ID < hinzufügen 🎜>

<?php $form = ActiveForm::begin([&#39;options&#39; => [&#39;enctype&#39; => &#39;multipart/form-data&#39;],&#39;id&#39;=>&#39;leave-form-self&#39;]) ?>
指向 你的models 在rules添加上验证规则
 
 public function rules()
 {
  return [
   [[&#39;t_leave_date&#39;, &#39;t_days&#39;, &#39;t_reason&#39;, &#39;t_nickname&#39;,&#39;t_leave_enddate&#39;], &#39;required&#39;],
   [[&#39;t_leave_date&#39;, &#39;t_leave_enddate&#39;], &#39;safe&#39;],
   [[&#39;t_days&#39;], &#39;number&#39;],
   [[&#39;t_reason&#39;], &#39;string&#39;],
   [[&#39;type&#39;, &#39;add_time&#39;, &#39;uid&#39;, &#39;update_time&#39;, &#39;status&#39;, &#39;is_shen&#39;], &#39;integer&#39;],
   [[&#39;t_pickup&#39;, &#39;t_nickname&#39;, &#39;t_pass&#39;], &#39;string&#39;, &#39;max&#39; => 20],
   [[&#39;t_img&#39;, &#39;reviewer_user&#39;, &#39;audit_user&#39;], &#39;string&#39;, &#39;max&#39; => 255]
  ];
 }
Nach dem Login kopieren

Der Effekt ist wie folgt

Yii2.0 模态弹出框+ajax提交表单

Auf diese Weise wird das Ajax-Übermittlungsformular implementiert

Weitere modale Yii2.0-Popups. Für Artikel zum Box + Ajax-Einreichungsformular achten Sie bitte auf die chinesische PHP-Website!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage