html表格每行复制,列表表格复制行内内容

define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'clipboard.min'], function ($, undefined, Backend, Table, Form, Clipboard) {

var Controller = {

index: function () {

// 初始化表格参数配置

Table.api.init({

extend: {

index_url: 'goods/goods/index',

add_url: 'goods/goods/add',

edit_url: 'goods/goods/edit',

del_url: 'goods/goods/del',

multi_url: 'goods/goods/multi',

table: 'goods',

}

});

var table = $("#table");

// 初始化表格

table.bootstrapTable({

url: $.fn.bootstrapTable.defaults.extend.index_url,

pk: 'id',

sortName: 'weigh',

columns: [

[

{checkbox: true},

{field: 'id', title: __('Id')},

{field: 'name', title: __('Name')},

{field: 'app_image', title: __('App_image'), formatter: Table.api.formatter.image},

{field: 'day_rate', title: __('Day_rate'), operate:'BETWEEN'},

{field: 'term', title: __('Term')},

{field: 'position', title: __('Position')},

{field: 'url', title: __('Url'), formatter: Table.api.formatter.url},

{field: 'number', title: '申请人数'},

{field: 'shenpi', title: __('Shenpi')},

{field: 'weigh', title: __('Weigh')},

{field: 'status', title: __('Status'), searchList: {"normal":__('Normal'),"hidden":__('Hidden')}, formatter: Table.api.formatter.status},

{field: 'createtime', title: __('Createtime'), operate:'RANGE', addclass:'datetimerange', formatter: Table.api.formatter.datetime},

{

field: 'fuzhi',

title: '点击复制推广链接',

events: Controller.api.xiaobao,

formatter: Controller.api.formatter.ip

},

{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}

]

]

});

// 绑定TAB事件

$('.panel-heading a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

var field = $(this).closest("ul").data("field");

var value = $(this).data("value");

var options = table.bootstrapTable('getOptions');

options.pageNumber = 1;

options.queryParams = function (params) {

var filter = {};

if (value !== '') {

filter[field] = value;

}

params.filter = JSON.stringify(filter);

return params;

};

table.bootstrapTable('refresh', {});

return false;

});

// 为表格绑定事件

Table.api.bindevent(table);

var clipboard = new Clipboard('.btn-fuzhi');

clipboard.on('success', function(e) {

alert('复制成功');

console.log(e);

});

clipboard.on('error', function(e) {

alert('复制失败');

console.log(e);

});

},

add: function () {

Controller.api.bindevent();

},

edit: function () {

Controller.api.bindevent();

},

api: {

bindevent: function () {

Form.api.bindevent($("form[role=form]"));

},

formatter: {//渲染的方法

ip: function (value, row, index) {

return '点击复制推广链接' ;

},

},

xiaobao:{

'click .btn-fuzhi': function (e, value, row, index) {

}

}

},

};

return Controller;

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值