zoukankan      html  css  js  c++  java
  • 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>

    先上一段代码

  • 相关阅读:
    1.python的一些规范
    linux 命令总结
    【背包专题】D
    【算法入门竞赛经典】【7.2枚举排列】
    【练习赛补题】问题 E: 花生采摘 【模拟】
    【背包专题】B
    【背包专题】A
    【ACM对拍程序~】
    【背包专题】E
    河南省第七届大学生程序设计竞赛 问题 A: 物资调度【简单dfs】
  • 原文地址:https://www.cnblogs.com/QicongLiang/p/11274910.html
Copyright © 2011-2022 走看看