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