原文:BootStrap 智能表單系列 十 自動完成組件的支持

web開發中,肯定遇到像百度 google這種搜索的功能吧,那智能表單中的自動完成可以做什么呢,下面來揭曉: 包含像google 百度等類似的簡單搜索 復雜結構的支持,比如說 輸入產品編號,需要將產品的編號 產品的名稱 產品的單價 產品的備注信息等填寫會表單中的某個位置 代碼如下 頁面地址:https: github.com xiexingen Bootstrap SmartForm blob m ...

2015-06-20 11:53 0 3389 推薦指數:

查看詳情

BootStrap 智能表單系列 七 驗證的支持

但凡是涉及到用戶編輯信息然后保存的頁面,都涉及到一個數據是否符合要求的檢查,需要客服端和服務器端的校驗的問題; 客服端的校驗主要是為了提高用戶體驗,而服務器端的校驗為了數據的合格性 該插件也為您支持到了表單驗證,在需要驗證的列的配置中加一項required:true 再生成表單元素前面 ...

Sat Jun 06 16:22:00 CST 2015 0 15384
BootStrap 智能表單系列表單圖片上傳的支持

本章介紹如何在生成表單后,可以支持上傳圖片后可以及時預覽圖片 代碼如下(連接地址:https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-img.html): 依賴 ...

Sat Jun 20 19:40:00 CST 2015 0 2616
BootStrap 智能表單系列 十一 級聯下拉的支持

像省市縣選擇的這種,但凡是個人肯定都見過,實現方式有很多種 1.有在第一級選擇的時候去加載或者從本地對象中拿第一級對應的數據源顯示到列表中,第二級以此類推 2.也有將所有的項都加載到select中 ...

Sat Jun 20 20:00:00 CST 2015 0 11848
BootStrap 智能表單系列表單布局介紹

表單的布局分為自動布局和自定義布局兩種: 自動布局就是根據配置項中第二級配置項中數組的長度來自動使用不同的bootstrap柵格,通過設置autoLayout為true可以實現自動布局 自動以布局就是根據autoLayout來決定使用的柵格,通過設置autoLayout ...

Sat Jun 06 16:20:00 CST 2015 0 7637
BootStrap 智能表單系列表單配置json詳解

本章屬於該系列的高級部分,將介紹表單中一些列的配置 1、config列的配置: 主要用於控制布局 :config:{autoLayout:true|'1,2,2,4'} true:根據配置項最里層的數量來自動使用不同的柵格, '1,2,2,4':使用指定的柵格來布局,如果配置的列數不足 ...

Sat Jun 06 16:23:00 CST 2015 0 6758
BootStrap 智能表單系列 三 分塊表單配置的介紹

相信廣大博友肯定碰到過一個編輯頁面分了很多塊的情況,智能表單插件已經為您支持了這種情況, 代碼如下(鏈接地址:https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form2-group-layout.html ...

Sat Jun 06 16:18:00 CST 2015 0 4487
BootStrap 智能表單系列表單依賴插件處理

這一章比較簡單哦,主要就是生產表單元素后的一些后續處理操作,比如日期插件的渲染、一些autocomplete的處理等,在回調里面處理就可以了, demo: $("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose ...

Sat Jun 06 16:21:00 CST 2015 0 2156
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM