真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Bootstrap模態(tài)框的示例分析

這篇文章主要介紹了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),如添加功能


 添加
 
   
    
     
      
       ×
       添加
      
                                 用戶ID          
                  密碼          
                  系統(tǒng)ID                             是否是管理員            否           是                                      刪除標(biāo)志            正常           刪除                                      創(chuàng)建日期                                                                                              添加        關(guān)閉                      

二.還有一種就是編輯,此時在彈出模態(tài)框時,里面要寫入數(shù)據(jù),所以要先取得數(shù)據(jù)再彈出模態(tài)框。這時要加入js代碼控制

1.jsp頁面


  修改

    
     
      
       ×
       修改
      
      
       
        
         NO 
        
        
         用戶ID 
        
        
         用戶名 
        
        
         密碼 
        
        
         系統(tǒng)ID 
        
        
         是否是管理員 
          否
          是
         
        
        
         刪除標(biāo)志 
          正常
          刪除
         
        
        
         創(chuàng)建日期
         
            
          
         
        
       
      
      
       修改
       關(guān)閉
      
     
    
   

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í)!


分享題目:Bootstrap模態(tài)框的示例分析
網(wǎng)址分享:http://weahome.cn/article/igesdh.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部