1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
/**
* @author Homer Glascock <HopGlascock@gmail.com>
* @update zhixin wen <wenzhixin2010@gmail.com>
*/
const Utils = $.fn.bootstrapTable.utils
$.extend($.fn.bootstrapTable.locales, {
formatCopyRows () {
return 'Copy Rows'
}
})
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales)
$.extend($.fn.bootstrapTable.defaults.icons, {
copy: {
bootstrap3: 'glyphicon-copy icon-pencil',
bootstrap5: 'bi-clipboard',
materialize: 'content_copy',
'bootstrap-table': 'icon-copy'
}[$.fn.bootstrapTable.theme] || 'fa-copy'
})
const copyText = text => {
const textField = document.createElement('textarea')
$(textField).html(text)
document.body.appendChild(textField)
textField.select()
try {
document.execCommand('copy')
} catch (e) {
console.warn('Oops, unable to copy')
}
$(textField).remove()
}
$.extend($.fn.bootstrapTable.defaults, {
showCopyRows: false,
copyWithHidden: false,
copyDelimiter: ', ',
copyNewline: '\n'
})
$.extend($.fn.bootstrapTable.columnDefaults, {
ignoreCopy: false,
rawCopy: false
})
$.fn.bootstrapTable.methods.push(
'copyColumnsToClipboard'
)
$.BootstrapTable = class extends $.BootstrapTable {
initToolbar (...args) {
if (this.options.showCopyRows && this.header.stateField) {
this.buttons = Object.assign(this.buttons, {
copyRows: {
text: this.options.formatCopyRows(),
icon: this.options.icons.copy,
event: this.copyColumnsToClipboard,
attributes: {
'aria-label': this.options.formatCopyRows(),
title: this.options.formatCopyRows()
}
}
})
}
super.initToolbar(...args)
this.$copyButton = this.$toolbar.find('>.columns [name="copyRows"]')
if (this.options.showCopyRows && this.header.stateField) {
this.updateCopyButton()
}
}
copyColumnsToClipboard () {
const rows = []
$.each(this.getSelections(), (index, row) => {
const cols = []
$.each(this.options.columns[0], (indy, column) => {
if (
column.field !== this.header.stateField &&
(!this.options.copyWithHidden || this.options.copyWithHidden && column.visible) &&
!column.ignoreCopy
) {
if (row[column.field] !== null) {
const columnValue = column.rawCopy ? row[column.field] : Utils.calculateObjectValue(column, this.header.formatters[indy], [row[column.field], row, index], row[column.field])
cols.push(columnValue)
}
}
})
rows.push(cols.join(this.options.copyDelimiter))
})
copyText(rows.join(this.options.copyNewline))
}
updateSelected () {
super.updateSelected()
this.updateCopyButton()
}
updateCopyButton () {
if (this.options.showCopyRows && this.header.stateField && this.$copyButton) {
this.$copyButton.prop('disabled', !this.getSelections().length)
}
}
}
|
