<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>
先上一段代碼
