Yii2.0 模態(tài)彈出框+ajax提交表單2

sumory 發(fā)布于2019-07-01 14:17 / 2964人閱讀

摘要：上一章介紹了模態(tài)框的的添加彈出和驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗(yàn)證代碼驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單。

上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。
代碼如下：

    ".Yii::t("yii","Create Sales"), ["create","actionID"=>1] ,["class" => "btn blue","data-toggle"=>"modal","data-target"=>"#modal_ajax"])?>

按鈕效果圖：

模態(tài)框代碼：


  
  
      
          
             Loading...

然后我們修改控制器中的create方法，把render改為renderAjax

模態(tài)框效果圖：

表單添加id：

提交表單ajax代碼：

controllers ajax驗(yàn)證代碼：

models rules驗(yàn)證規(guī)則：

效果如下：

這樣就實(shí)現(xiàn)了ajax提交表單。

如果想實(shí)現(xiàn)pjax 刷新就需要在index 開(kāi)啟pjax:

添加代碼：

function sales_pjax(){
    $.pjax.reload({container:"#dynagrid-1-pjax"});
}

在表單提交的時(shí)候調(diào)用：

這樣整個(gè)ajax提交表單就完成了。

GPU云服務(wù)器云服務(wù)器 ajax提交form表單 jquery_ajax提交表單氣球彈出框 jquery彈出框

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/31948.html

相關(guān)文章

Yii2.0 模態(tài)彈出框+ajax提交表單2

摘要：上一章介紹了模態(tài)框的的添加彈出和驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗(yàn)證代碼驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單。上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下：按鈕效果...

nanchen2251 2019-08-19 18:46 評(píng)論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單

摘要：如題我們使用模態(tài)彈出框提交表單首先我們把視圖的按鈕添加和。代碼如下添加請(qǐng)假單在視圖添加如下代碼來(lái)顯示模態(tài)彈出框修改后的效果如下然后我們修改控制器中的方法，把改為即可指向你的在添加上驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單如題我們使用模態(tài)彈出框+ajax提交表單首先我們把index視圖的create按鈕添加data-toggle 和 data-target。代碼如下：在ind...

chinafgj 2019-08-19 18:22 評(píng)論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單

摘要：如題我們使用模態(tài)彈出框提交表單首先我們把視圖的按鈕添加和。代碼如下添加請(qǐng)假單在視圖添加如下代碼來(lái)顯示模態(tài)彈出框修改后的效果如下然后我們修改控制器中的方法，把改為即可指向你的在添加上驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單如題我們使用模態(tài)彈出框+ajax提交表單首先我們把index視圖的create按鈕添加data-toggle 和 data-target。代碼如下：在ind...

EsgynChina 2019-06-27 13:44 評(píng)論0 收藏0
Bootstrap使用模態(tài)框modal實(shí)現(xiàn)表單提交彈出框

摘要：模態(tài)框插件模態(tài)框是覆蓋在父窗體上的子窗體。通常，目的是顯示來(lái)自一個(gè)單獨(dú)的源的內(nèi)容，可以在不離開(kāi)父窗體的情況下有一些互動(dòng)。子窗體可提供信息交互等。 Bootstrap 模態(tài)框（Modal）插件模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來(lái)自一個(gè)單獨(dú)的源的內(nèi)容，可以在不離開(kāi)父窗體的情況下有一些互動(dòng)。子窗體可提供信息、交互等。如果您想要單獨(dú)引用該插件的功能，那么您需要引用...

wind3110991 2019-08-02 15:56 評(píng)論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉(zhuǎn)載來(lái)源包管理器管理著庫(kù)，并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶(hù)端包管理器。一個(gè)整合和的最佳思想，使開(kāi)發(fā)者能快速方便地組織和編寫(xiě)前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶(hù)數(shù)據(jù)。轉(zhuǎn)載來(lái)源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫(kù)，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

netmou 2019-08-23 12:28 評(píng)論0 收藏0