bootstrap-table-angular.js
4.0 KB
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
// JavaScript source code
(function () {
if (typeof angular === 'undefined') {
return;
}
angular.module('bsTable', [])
.constant('uiBsTables', {bsTables: {}})
.directive('bsTableControl', ['uiBsTables', function (uiBsTables) {
var CONTAINER_SELECTOR = '.bootstrap-table';
var SCROLLABLE_SELECTOR = '.fixed-table-body';
var SEARCH_SELECTOR = '.search input';
var bsTables = uiBsTables.bsTables;
function getBsTable (el) {
var result;
$.each(bsTables, function (id, bsTable) {
if (!bsTable.$el.closest(CONTAINER_SELECTOR).has(el).length) return;
result = bsTable;
return true;
});
return result;
}
$(window).resize(function () {
$.each(bsTables, function (id, bsTable) {
bsTable.$el.bootstrapTable('resetView');
});
});
function onScroll () {
var bsTable = this;
var state = bsTable.$s.bsTableControl.state;
bsTable.$s.$applyAsync(function () {
state.scroll = bsTable.$el.bootstrapTable('getScrollPosition');
});
}
$(document)
.on('post-header.bs.table', CONTAINER_SELECTOR+' table', function (evt) { // bootstrap-table calls .off('scroll') in initHeader so reattach here
var bsTable = getBsTable(evt.target);
if (!bsTable) return;
bsTable.$el
.closest(CONTAINER_SELECTOR)
.find(SCROLLABLE_SELECTOR)
.on('scroll', onScroll.bind(bsTable));
})
.on('sort.bs.table', CONTAINER_SELECTOR+' table', function (evt, sortName, sortOrder) {
var bsTable = getBsTable(evt.target);
if (!bsTable) return;
var state = bsTable.$s.bsTableControl.state;
bsTable.$s.$applyAsync(function () {
state.sortName = sortName;
state.sortOrder = sortOrder;
});
})
.on('page-change.bs.table', CONTAINER_SELECTOR+' table', function (evt, pageNumber, pageSize) {
var bsTable = getBsTable(evt.target);
if (!bsTable) return;
var state = bsTable.$s.bsTableControl.state;
bsTable.$s.$applyAsync(function () {
state.pageNumber = pageNumber;
state.pageSize = pageSize;
});
})
.on('search.bs.table', CONTAINER_SELECTOR+' table', function (evt, searchText) {
var bsTable = getBsTable(evt.target);
if (!bsTable) return;
var state = bsTable.$s.bsTableControl.state;
bsTable.$s.$applyAsync(function () {
state.searchText = searchText;
});
})
.on('focus blur', CONTAINER_SELECTOR+' '+SEARCH_SELECTOR, function (evt) {
var bsTable = getBsTable(evt.target);
if (!bsTable) return;
var state = bsTable.$s.bsTableControl.state;
bsTable.$s.$applyAsync(function () {
state.searchHasFocus = $(evt.target).is(':focus');
});
});
return {
restrict: 'EA',
scope: {bsTableControl: '='},
link: function ($s, $el) {
var bsTable = bsTables[$s.$id] = {$s: $s, $el: $el};
$s.instantiated = false;
$s.$watch('bsTableControl.options', function (options) {
if (!options) options = $s.bsTableControl.options = {};
var state = $s.bsTableControl.state || {};
if ($s.instantiated) $el.bootstrapTable('destroy');
$el.bootstrapTable(angular.extend(angular.copy(options), state));
$s.instantiated = true;
// Update the UI for state that isn't settable via options
if ('scroll' in state) $el.bootstrapTable('scrollTo', state.scroll);
if ('searchHasFocus' in state) $el.closest(CONTAINER_SELECTOR).find(SEARCH_SELECTOR).focus(); // $el gets detached so have to recompute whole chain
}, true);
$s.$watch('bsTableControl.state', function (state) {
if (!state) state = $s.bsTableControl.state = {};
$el.trigger('directive-updated.bs.table', [state]);
}, true);
$s.$on('$destroy', function () {
delete bsTables[$s.$id];
});
}
};
}])
})();