国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

BootstrapTable加載按鈕功能實例代碼詳解

2019-11-19 15:20:12
字體:
供稿:網(wǎng)友

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      js打開彈窗

 //打開新增或者是更新模態(tài)框  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("更新酒店設(shè)施(若不更新圖片則無需選擇圖片,保持圖片為空)"); //   //設(shè)置設(shè)施ID //   $('#money').val(id); //   //設(shè)置設(shè)施名稱 //   $('#hotelServiceName').val(value); //   //設(shè)置圖片 //   $('#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="中國農(nóng)業(yè)銀行">中國農(nóng)業(yè)銀行</option>           <option value="中國郵政銀行">中國郵政銀行</option>           <option value="中國建設(shè)銀行">中國建設(shè)銀行</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"> 開發(fā)支行: </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"> 銀行卡預(yù)留電話: </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 --> 

總結(jié)

以上所述是小編給大家介紹的BootstrapTable加載按鈕功能實例代碼詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 虎林市| 黄骅市| 鄯善县| 驻马店市| 犍为县| 堆龙德庆县| 天峻县| 九江市| 黑河市| 灯塔市| 平邑县| 灵川县| 哈尔滨市| 牡丹江市| 皋兰县| 青田县| 正安县| 民丰县| 隆德县| 曲麻莱县| 轮台县| 达尔| 富蕴县| 贵阳市| 高唐县| 望奎县| 应用必备| 花莲县| 鲁甸县| 莱芜市| 大渡口区| SHOW| 江源县| 陕西省| 石家庄市| 织金县| 阳新县| 三都| 含山县| 安西县| 大悟县|