https://blog.csdn.net/wuyan1001/article/details/54633030

隆陽網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

html代碼：

 <table id="datatable" class="table table-bordered table-hover table-striped"
                                       >
                                    <thead>
                                    <tr>
                                        <th class="table-title">編號(hào)</th>
                                        <th width="80" class="table-title">模塊名稱</th>
                                        <th width="80" class="table-title">中文名字</th>
                                        <th width="80" class="table-title">接口名字</th>
                                        <th width="85" class="table-title">請(qǐng)求header</th>
                                        <th class="table-title">請(qǐng)求參數(shù)</th>
                                        <th class="table-title">請(qǐng)求body</th>
                                        <th width="70" class="table-title">響應(yīng)斷言</th>
                                        <th width="60" class="table-title">需求流水號(hào)</th>
                                        <th class="table-title">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr th:each="pagefo:${pageInfo.list}">
                                        <td th:text="${pagefo.id}"></td>
                                        <td th:text="${pagefo.moduleName}"></td>
                                        <td th:text="${pagefo.remark}"></td>
                                        <td>
                                            <a th:href="@{/api/test_list/}+${pagefo.interName}">[[${pagefo.interName}]]</a>
                                        </td>
                                        <td th:text="${pagefo.requestHeader}"></td>
                                        <td th:text="${pagefo.parameter}"></td>
                                        <td th:text="${pagefo.requestBody}"></td>
                                        <td th:text="${pagefo.responseAssertion}"></td>
                                        <td th:text="${pagefo.serialNumber}"></td>
                                        <td>
                                            <!--id="InterRunId"-->
                                            <button type="button"
                                                    data-target="#editVoince" data-id="edit"
                                                    class="fa fa-bug btn  btn-round btn-success"  data-toggle="modal"
                                                    th:href="@{/run/}+${pagefo.id}" th:onclick="'javascript:check('+${pagefo.id}+')'">運(yùn)行
                                            </button>
                                            <a type="button" class="fa fa-edit btn btn-round btn-info"
                                               th:href="@{/api/editInter/}+${pagefo.id}">編輯</a>
                                            <a type="button" class="fa fa-trash-o btn  btn-round btn-danger"
                                               th:href="@{/api/deletInterfaceInfo/}+${pagefo.id}">刪除</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>

模態(tài)對(duì)話框

<!-- model start -->
<form action="saveSupplier" method="POST">
<div class="modal fade" id="editVoince" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
       <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
              <h5 class="modal-title">接口信息</h5>
          </div>
          <div class="modal-body">
             <div class="planel_boxs">
                 <div class="row"> 
                     <div class="row_line col-md-6 col-sm-6 col-xs-12">
                         <label>接口名字：</label>
                         <input type="text" class="form-controls content">
                     </div>
                     <div class="row_line col-md-6 col-sm-6 col-xs-12">
                         <label>選擇環(huán)境：</label>
                         <input type="text" class="form-controls identify">
                     </div>
                </div>  
            </div>
        </div>
        <div class="modal-footer text-center">    
           <input type="submit" class="btn btn-default btn_blue" value="保存">
           <button type="button" class="btn btn-default btn_red" data-dismiss="modal">取消</button>
        </div>
      </div>
   </div>
</div>
</form>
<!-- model end -->

js代碼如下

說明：當(dāng)前通過jquery方式獲取值，再通過css傳值到對(duì)話框。

$('#editVoince').on('show.bs.modal', function (event) {
      var btnThis = $(event.relatedTarget); //觸發(fā)事件的按鈕
      var modal = $(this);  //當(dāng)前模態(tài)框
      var modalId = btnThis.data('id');   //解析出data-id的內(nèi)容
      var content = btnThis.closest('tr').find('td').eq(2).text();
      modal.find('.content').val(content);         
});

效果如下：

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：bootstrap模態(tài)框modal傳值問題-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://jinyejixie.com/article36/decesg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、品牌網(wǎng)站建設(shè)、軟件開發(fā)、品牌網(wǎng)站制作、ChatGPT、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)