2012-02-09 38 views
4

我是nyroModal缺乏完整示例而困惑的數百人之一。nyromodal ajax表單/過濾文檔或完整的例子?

對於這樣一個功能豐富的插件,很難找到一個大多數功能的綜合示例。

我想在nyroModal窗口內打開一個窗體,並通過Ajax將窗體的值發送到頁面,然後根據響應關閉窗口。我知道這應該很容易,但沒有一個例子或可以理解的文檔。

到目前爲止,我已經在窗口中打開,並在窗口中提交,但是...沒有ajax。 (甚至不知道是否nyroModal可以處理它。不知道我是否使用「過濾器」,因爲沒有你如何實現列出的過濾器的例子。)

這是我對nyroModal調用:

<script type="text/javascript"> 
    $('.nyroModal').nyroModal(
    { 
// not sure if these are needed, but without an example, better start guessing! 
callbacks: { 
    afterClose: function(nm) { 
     alert('Handled!'); 
    } 
} 
}); 
</script> 

這裏是我的形式被稱爲入nyroModal窗口: 注:製造類的形式:nyroModal,使得形式模內提交。 (會使一個很好的例子太)

<form name="this" method="post" class="nyroModal" action="/vendor/orderDetail.cfm"> 
    <cfoutput><input type="hidden" name="oid" value="#oid#"></cfoutput> 
    <input type="text" name="comment"><input type="submit" value="Accept Product Request"> 
</form> 

我所想要做的是,當用戶提交表單,我想通過AJAX將數據發送到「行動」頁面。這將生成一個JSON響應,並根據響應,然後關閉窗口。那麼,nyroModal可以嗎?經過很長時間的觀察,除了「功能」之外,我找不到對此功能的單一參考,但未顯示其功能如何。

任何人都可以指向我的例子或一些文檔?

當然,有一個例子說明如何使用列出的功能, 即過濾器/回調。

如果有人有一些完整的例子,它可以節省我們所有的時間,NyroDev可以停止回答「錯誤」,實際上只是困惑的人想要一套可理解的文檔。

+0

+1表示沮喪。對不起,我忍不住。 – 2012-02-09 02:56:12

+0

我也想感謝,nyroDev爲: a:建設它在第一個地方 b:提供SOOO很多的靈活性,如何可以稱爲 c:發佈解決方案的人OVER和OVER再次在forums.etc – illiquent 2012-02-09 21:10:10

+0

Couldn' t同意更多。 2年後,文件仍然很糟糕。 – DGibbs 2014-11-17 10:47:53

回答

0

我想你正在尋找與nyroModal手動打開表格。我在Open iframe manually in nyroModal的答案解釋瞭如何去做。

因此,如果您在頁面中加載一個表單並在沒有Ajax的情況下使用它,單擊提交按鈕後頁面將更新到模式窗口(iframe)中。 如果您想通過AJAX將數據發送到「行動」頁面,生成一個JSON響應和更新模式的網頁,關閉它......你必須使用這樣的代碼:

$('input#submit').click(function(e){ 
     e.preventDefault(); 

     // business code 

     if (formToClose) 
      $.nmTop().close(); 
    }); 

當然如果您需要在模式窗口關閉時進行管理,則還可以使用回調afterClose