首页 > 其他分享 >[JS]bootstrapTable添加操作按钮

[JS]bootstrapTable添加操作按钮

时间:2024-05-01 17:44:06浏览次数:17  
标签:bootstrapTable addFunctionToTable title JS field 按钮 row

 

    <script type="text/javascript">
        <!-- 方法定义 -->
        function addFunctionToTable(value, row, index) {
           return [
           '<button id="preview" type="button" class="btn btn-default">预览</button>'
           ].join('');
         }
        <!-- 操作事件 -->
        window.operateEvents = {
            'click #preview': function (e, value, row, index) {
               alert(row.naspath);
             }
           };
        <!-- 关键代码 -->
         $('#table').bootstrapTable({
         。。。
         columns: [{
            checkbox: true
        }, {
            field: 'id',
            title: '编号',
        }, {
            field: 'name',
            title: '名称',
        }, {
            field: 'operate',
            title: '操作',
            events: operateEvents,//给按钮注册事件
            formatter: addFunctionToTable//表格中增加按钮
        }]
    </script>

  

标签:bootstrapTable,addFunctionToTable,title,JS,field,按钮,row
From: https://www.cnblogs.com/leonlipfsj/p/18168924

相关文章

  • EPAI手绘建模APP设置、快捷按钮
    2、右上角设置无论视角立方体是否可见,点击场景的右上角位置,打开设置页面。设置页面包括配置页面和显示页面。(1) 配置图 94 设置-配置① 开关1) 网格:隐藏显示场景背景网格。隐藏网格后,网格点捕捉也会不起作用。2) 坐标轴:隐藏显示场景坐标系坐标轴。3) 选中信息:隐......
  • 【Qt之JSON文件】QJsonDocument、QJsonObject、QJsonArray等类介绍及使用
    简述Qt5中包含了处理JSON的类,均以QJson开头(例如:QJsonDocument、QJsonArray、QJsonObject),在QtCore模块中,不需要额外引入其它模块。简述常用的JSON库JSON常用类简单的JSON对象简单的JSON数组复杂的JSON更多参考 常用的JSON库json.org 中介绍了......
  • 《Node.js+Vue.js+MangoDB全栈开发实战》已出版
    《Node.js+Vue.js+MangoDB全栈开发实战》随书源码下载地址:链接:https://pan.baidu.com/s/1DQYgPZLmtJCIuDXs8gub_w?pwd=1127提取码:1127课件下载地址:链接:https://pan.baidu.com/s/1M36y1xu-gIUidDxw38GlBg提取码:1988随书目录目   录第1章 Node.js和TypeScript基础·......
  • threejs 几何体的本质 顶点
    几何体的线框模式,一个正方平面最少可以由4个顶点组成,两个三角形组成(公用了2个顶点,使用了索引创建顶点属性)。//导入threejsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//引入dat.gui.js的一个类GU......
  • threejs - js库 gui 的使用 调试开发3D效果
    //导入threejsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//引入dat.gui.js的一个类GUIimport{GUI}from'three/addons/libs/lil-gui.module.min.js';//创建场景scene......
  • html,js代码编译,加密,代码一键打包软件,HTML转exe程序
    个人软件注意杀毒软件会报毒,,放行便可小尘web打包程序可以将整个web工程项目打包成一个exe程序运行不是打包浏览器内核应用,是代码打包软件,打包后和原来一样放在nginx类软件里运行下载地址https://download.csdn.net/download/rllmqe/88789653链接:https://pan.baidu.com/s/1HTql......
  • 表单-确认重置按钮,普通按钮
    表单的确认按钮,和重置按钮:<form> <!--提交按钮,可以用button,也可以用input类型submit--><!--<button>确认</button>--><inputtype="submit"><inputtype="submit"value="批准">......
  • 使用@lakehouse-rs/flight-sql-client nodejs api 快速访问dremio 服务
    @lakehouse-rs/flight-sql-client是基于rust开发的nodearrowflightsqlclient,dremio目前也是推荐基于arrowflightsql的访问模式参考代码package.json{"name":"node-arrow-flight-sql","version":"1.0.0","ma......
  • js逆向实战之数位观察响应数据解密
    url:https://www.swguancha.com/home/city-detail?code=310100分析过程抓数据包,发现回显数据是加密字符串。对于这种回显数据解密,大概率通过拦截器实现,搜索interceptors。只需关注响应拦截器,一共两处。第一处,只是对字符串的弹出和插入操作,不是。第二处,可以看到de......
  • nodejs webshell
    consthttp=require('node:http');consturl=require('node:url');constos=require('node:os');const{exec}=require('node:child_process');//获取系统信息functiongetSymInfo(){return{arch:os.arch(),......