BootstrapTable 로드 단추 기능 인 스 턴 스 코드 상세 설명

1      html

<!--   -->
<div id="toolbar" class="btn-group">
 <div style="float:left;margin-right: 10px">
  <button class="btn btn-danger"onclick="openModal('add',0,'')">  </button>
 </div>
</div>
<!--   --> 
<div id="toolbar" class="btn-group"> 
 <div style="float:left;margin-right: 10px"> 
  <button class="btn btn-danger" onclick="openModal('add',0,'')">  </button> 
 </div> 
</div> 
2      bootStarp

3      탄창 열기

 //             
 function openModal(type,id,value){ 
  globalType=type; 
  globalId=id; 
  if(type=='add'){ 
//   $('#money').val(''); 
   $('#hotelServiceName').val(''); 
   $('#loginPassword').text("    "); 
   $('#operateHotelServiceModal').modal('show'); 
  } 
//  else if(type=='update'){ 
//   $('#operateHotelServiceType').text("      (             ,      )"); 
//   //    ID 
//   $('#money').val(id); 
//   //       
//   $('#hotelServiceName').val(value); 
//   //     
//   $('#operateHotelServiceModal').modal('show'); 
//  } 
 } 
4      탄창

<div id="operateHotelServiceModal"class="modal" tabindex="-1"> 
 <div class="modal-dialog"> 
  <div class="modal-content"> 
   <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">×</button> 
    <h4 class="blue bigger" id="operateHotelServiceType"></h4> 
   </div> 
   <form id="hotelServiceForm"> 
    <div class="modal-body overflow-visible"> 
     <div class="row"> 
      <div class="col-xs-12"> 
       <div class="form-group"> 
        <label class="col-sm-3 control-labelno-padding-right" for="bankName">     :</label> 
        <div class="col-sm-9"> 
         <select class="form-control" id="bankName"> 
          <option value="      ">      </option> 
          <option value="    ">    </option> 
          <option value="      ">      </option> 
          <option value="      ">      </option> 
          <option value="      ">      </option> 
         </select> 
        </div> 
       </div> 
       <div style="height:25px"></div> 
       <div class="form-group"> 
        <label class="col-sm-3control-label no-padding-right" for="realName">     : </label> 
        <div class="col-sm-9"> 
         <input type="text" class="col-xs-10col-sm-12" id="realName" placeholder="       " /> 
        </div> 
       </div> 
       <div style="height:25px"></div> 
       <div class="form-group"> 
        <label class="col-sm-3 control-labelno-padding-right" for="bankIdcard">     : </label> 
        <div class="col-sm-9"> 
         <input type="text" class="col-xs-10col-sm-12" id="bankIdcard" /> 
        </div> 
       </div> 
       <div style="height:25px"></div> 
       <div class="form-group"> 
        <label class="col-sm-3 control-labelno-padding-right" for="bankNumber">     : </label> 
        <div class="col-sm-9"> 
         <input type="text" class="col-xs-10col-sm-12" id="bankNumber" /> 
        </div> 
       </div> 
       <div style="height:25px"></div> 
       <div class="form-group"> 
        <label class="col-sm-3 control-labelno-padding-right" for="bankNameZhi">     : </label> 
        <div class="col-sm-9"> 
         <input type="text" class="col-xs-10col-sm-12" id="bankNameZhi" /> 
        </div> 
       </div> 
       <div style="height:25px"></div> 
       <div class="form-group"> 
        <label class="col-sm-3 control-labelno-padding-right" for="bankPhone">        : </label> 
        <div class="col-sm-9"> 
         <input type="text" class="col-xs-10col-sm-12" id="bankPhone" /> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
   </form> 
   <div class="modal-footer"> 
    <button class="btn btn-sm" data-dismiss="modal"> 
     <i class="icon-remove"></i> 
        
    </button> 
    <button class="btn btn-sm btn-primary" onclick="saveBank()"> 
     <i class="icon-ok"></i> 
          
    </button> 
   </div> 
  </div> 
 </div> 
</div><!-- PAGE CONTENT ENDS --> 
총결산
위 에서 말 한 것 은 편집장 이 소개 한 BootstrapTable 로 딩 버튼 기능 인 스 턴 스 코드 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기