這篇文章主要介紹了Bootstrap模態(tài)框的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘,量身打造,注重實效"的一站式服務(wù),以成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動互聯(lián)產(chǎn)品、營銷型網(wǎng)站建設(shè)服務(wù)為核心業(yè)務(wù)。10年網(wǎng)站制作的經(jīng)驗,使用新網(wǎng)站建設(shè)技術(shù),全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站,不但價格便宜而且實用、靈活,特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用,維護方便,您可以完全操作網(wǎng)站資料,是中小公司快速網(wǎng)站建設(shè)的選擇。
一.模態(tài)框的正常點擊出現(xiàn),如添加功能
添加
二.還有一種就是編輯,此時在彈出模態(tài)框時,里面要寫入數(shù)據(jù),所以要先取得數(shù)據(jù)再彈出模態(tài)框。這時要加入js代碼控制
1.jsp頁面
修改
2.js代碼
/** * 修改用戶(將用戶信息寫入模態(tài)框) */ function updateSystemUser() { var tempInput = new Input(); tempInput.userId = $('input[name="userId"]:checked').val(); if (tempInput.userId == null) { alert("請選擇一條數(shù)據(jù)來修改"); } else { var params = JSON2.stringify(tempInput); var url = "/emailplatform/system/selectOneUser.xht"; ajaxJson(url, true, params, function(reObject) { // 開啟模態(tài)框 var dialog = $('#systemUpp').modal({ backdrop : 'static', keyboard : false }); dialog.modal('show'); if (reObject) { $("#no1").val(reObject.data.no); $("#userId1").val(reObject.data.userId); $("#userName1").val(reObject.data.userName); $("#userPwd1").val(reObject.data.userPwd); $("#systemCode1").val(reObject.data.systemCode); $("#superFlg1").val(reObject.data.superFlg); $("#delFlg1").val(reObject.data.delFlg); $("#createTime1").val(reObject.data.createTime); } }); } }
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Bootstrap模態(tài)框的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!