解决bootstrapTable动态加载按钮无法初始化tooltip问题

1 篇文章 0 订阅
1 篇文章 0 订阅

调用bootstrapTable自带的回调函数
onLoadSuccess:加载成功后回调
onPageChange:换页时调用(不然换页后tooltip没效果)
注意:这样初始化后 无法使用on绑定父布局的形式来给按钮绑定点击事件
可以在列定义的时候 加上events属性 来绑定
下面是部分伪代码

{
          field: 'options',
          title: '操作',
          width: '200px',
          events:operateEvents,
          formatter: function (value, row, index) {
            //console.log("value:"+value);
            // console.log("index:"+index);
            //console.log("row:"+row.groupName);
            return [
              '<button class="btn btn-white" value="' + row.index + '" type="button" data-toggle="tooltip" data-placement="bottom" title="修改"><i class="glyphicon glyphicon-edit"/> </button>',
              '<button class="btn btn-white" value="' + row.index + '" type="button" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="glyphicon glyphicon-trash text-danger"/></button>',
              '<button class="btn btn-white" value="' + row.index + '" type="button"  data-toggle="tooltip" data-placement="bottom" title="分配角色"><i class="glyphicon glyphicon-share text-success" /></button>',
            ].join('');
          }

        }
   onLoadSuccess:function () {
        $("[data-toggle='tooltip']").tooltip();
      },
      onPageChange:function () {
        $("[data-toggle='tooltip']").tooltip();

      }
window.operateEvents={
    'click button[title="修改"]':function (e,value,row,index) {
      alert("TT")
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值