教程總目錄
上一節(jié): JBolt開發(fā)平臺入門(21)-AutoSelect+select2+多選+隱藏域的高級用法
一行代碼搞定Form提交彭羹,帶校驗师崎,自適應ajax提交咐柜、Portal提交师骗,多選項卡和單頁模式自適應提交黔龟。
JBolt里提交Form表單有好幾種方式可選妇智。
案例-在Demo模塊找Neditor.html的demo頁面中有好幾種提交方式
1、Ajax方式提交氏身,使用的是jquery.form.js
這種是一個按鈕點擊巍棱,提交指定ID的form表單。 具體封裝在了jbolt-admin.js里
2蛋欣、Dialog中表單提交-Ajax
在JBolt的CURD操作中 添加數據常用DIalog航徙,Dialog上有確定按鈕,點擊確定按鈕陷虎,提交dialog中的表單到踏,表單提交用的是ajax提交,同方式1一樣尚猿,也是使用了jquery.form.js 底層調用的都是窝稿。
具體封裝在了_formjs.html
3、pageFormSubmit 直接表單提交
這個在JBolt里不是特殊需要一般不適用凿掂,因為這個是直接form提交跳轉頁面的伴榔,在單頁模式下需要單頁大表單的時候,使用這種。
比如這種一個表單內容很多踪少,分成了好幾個步驟跳轉頁面去挨個步驟添加數據塘安,保存數據的過程,就用這種援奢。
當然這種體驗就是頁面直接跳轉了兼犯,其實這里也能優(yōu)化,點擊下一步按鈕后萝究,先ajaxSubmit返回成功信息后免都,js控制進入下一步頁面的跳轉。
4帆竹、submitFormInCurrentTab 執(zhí)行表單提交的時候在多選項卡模式下
Form表單直接提交會整個頁面刷新的绕娘,所以在多選項卡模式先推薦使用ajax方式提交表單,但是如果也分步驟了栽连,比如在電商模塊中添加商品的流程险领,分了好幾步。
在Neditor.html的demo中也有案例秒紧,點擊提交按鈕绢陌,刷新的是當前正在顯示的選項卡的內容區(qū)域,局部提交刷新跳轉熔恢,而不是整體脐湾。