秒客网

<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>

先上一段代码