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

Bootstrap模態(tài)框使用詳解

本文實(shí)例為大家分享了Bootstrap模態(tài)框的兩種使用狀況，供大家參考，具體內(nèi)容如下

從事服務(wù)器托管，服務(wù)器租用，云主機(jī)，網(wǎng)絡(luò)空間，空間域名，CDN，網(wǎng)絡(luò)代維等服務(wù)。

一.模態(tài)框的正常點(diǎn)擊出現(xiàn)，如添加功能


  


 
      
        
          
            
              
              添加
            
            
              

                
                  用戶ID 
                

                
                  密碼 
                
                
                  系統(tǒng)ID 
                
                
                  是否是管理員 
                
                
                  刪除標(biāo)志 
                
                
                  創(chuàng)建日期

二.還有一種就是編輯，此時(shí)在彈出模態(tài)框時(shí)，里面要寫(xiě)入數(shù)據(jù)，所以要先取得數(shù)據(jù)再?gòu)棾瞿B(tài)框。這時(shí)要加入js代碼控制

1.jsp頁(yè)面


   




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

2.js代碼

/**
 * 修改用戶(將用戶信息寫(xiě)入模態(tài)框)
 */
function updateSystemUser() {

  var tempInput = new Input();
  tempInput.userId = $('input[name="userId"]:checked').val();
  if (tempInput.userId == null) {
    alert("請(qǐng)選擇一條數(shù)據(jù)來(lái)修改");
  } else {

    var params = JSON2.stringify(tempInput);
    var url = "/emailplatform/system/selectOneUser.xht";
    ajaxJson(url, true, params, function(reObject) {

      // 開(kāi)啟模態(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);

      }

    });

  }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站欄目：Bootstrap模態(tài)框使用詳解
標(biāo)題URL：http://weahome.cn/article/jjgjdh.html