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>

    先上一段代码

  • 相关阅读:
    Spring2.5.6学习笔记DI的两种注入方式
    hsqldb2.2.9文档学习笔记之使用hsqldb
    Spring2.5.6学习笔记实例化bean的几种方法
    eclipse4.2插件开发之Hello!EclipsePlugin
    spring boot redis 多数据源配置 spring boot data redis
    docker安装mysql
    docker安装rabbitmq
    docker命令积累
    mysql8 免安装版 下载安装
    docker安装nginx
  • 原文地址:https://www.cnblogs.com/QicongLiang/p/11274910.html
Copyright © 2011-2022 走看看