bootstrap-table數據導入及設置功能按鈕


<script>
$(document).ready(function(){
        
        var sid = 0;

    //定義函數,返回標簽,與下面table初始化關聯,這里返回的是一個按鈕
function AddFunctionAlty(value,row,index){ var btn = '<button class="btn btn-primary btn-lg TableEditor" data-toggle="modal" data-target="#myModal">切換狀態</button>'; return[btn] }
    //定義按鈕功能事件,與下面table初始化關聯,為初始化的按鈕綁定一個事件 window.operateEvents
= { "click .TableEditor":function(e,value,row,index){ sid = row['sid']; }, }
    //確認按鈕的事件 $(
'#commit-btn').on('click',function(){ var server_status = $('#status_selector').val(); $.ajax({ url: "change_status", type: "post", data: { 'status' : server_status, 'sid' : sid, }, success: function(respondata){ location.reload(); } }); });

    //去后端獲取數據,及傳進table里面     $.ajax({ url:
"get_data", type: "get",
          success:
function(respondata){ respondata = JSON.parse(respondata); $('#tbl').bootstrapTable({ data : respondata, columns : [ { field : 'sid', title : 'sid', }, { field : 'name', title : '服務器名稱' }, { field : 'maintain', title : '狀態', }, { field : 'button', title : '操作', events : operateEvents, formatter : AddFunctionAlty }, ] }); } }); }); </script>

先上一段代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM