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
116
117
118
119
120
121
122
|
/************************************************************************
* SORTING extension for jTable *
*************************************************************************/
(function ($) {
//Reference to base object members
var base = {
_normalizeFieldOptions: $.hik.jtable.prototype._normalizeFieldOptions,
_createHeaderCellForField: $.hik.jtable.prototype._createHeaderCellForField,
_createRecordLoadUrl: $.hik.jtable.prototype._createRecordLoadUrl
};
//extension members
$.extend(true, $.hik.jtable.prototype, {
/************************************************************************
* DEFAULT OPTIONS / EVENTS *
*************************************************************************/
options: {
sorting: false,
defaultSorting: ''
},
/************************************************************************
* PRIVATE FIELDS *
*************************************************************************/
_lastSorting: '', //Last sorting of the table
/************************************************************************
* OVERRIDED METHODS *
*************************************************************************/
/* Overrides _normalizeFieldOptions method to normalize sorting option for fields.
*************************************************************************/
_normalizeFieldOptions: function (fieldName, props) {
base._normalizeFieldOptions.apply(this, arguments);
props.sorting = (props.sorting != false);
},
/* Overrides _createHeaderCellForField to make columns sortable.
*************************************************************************/
_createHeaderCellForField: function (fieldName, field) {
var $headerCell = base._createHeaderCellForField.apply(this, arguments);
if (this.options.sorting && field.sorting) {
this._makeColumnSortable($headerCell, fieldName);
}
return $headerCell;
},
/* Overrides _createRecordLoadUrl to add sorting specific info to URL.
*************************************************************************/
_createRecordLoadUrl: function () {
var loadUrl = base._createRecordLoadUrl.apply(this, arguments);
loadUrl = this._addSortingInfoToUrl(loadUrl);
return loadUrl;
},
/************************************************************************
* PRIVATE METHODS *
*************************************************************************/
/* Makes a column sortable.
*************************************************************************/
_makeColumnSortable: function ($columnHeader, fieldName) {
var self = this;
$columnHeader
.addClass('jtable-column-header-sortable')
.click(function(e) {
e.preventDefault();
self._sortTableByColumn($columnHeader);
});
//Default sorting?
if (self.options.defaultSorting.indexOf(fieldName) > -1) {
if (self.options.defaultSorting.indexOf(' DESC') > -1) {
$columnHeader.addClass('jtable-column-header-sorted-desc');
self._lastSorting = fieldName + " DESC";
} else {
$columnHeader.addClass('jtable-column-header-sorted-asc');
self._lastSorting = fieldName + " ASC";
}
}
},
/* Sorts table according to a column header.
*************************************************************************/
_sortTableByColumn: function ($columnHeader) {
//Remove sorting styles from all columns except this one
$columnHeader.siblings().removeClass('jtable-column-header-sorted-asc jtable-column-header-sorted-desc');
//Sort ASC or DESC according to current sorting state
if ($columnHeader.hasClass('jtable-column-header-sorted-asc')) {
$columnHeader
.removeClass('jtable-column-header-sorted-asc')
.addClass('jtable-column-header-sorted-desc');
this._lastSorting = $columnHeader.data('fieldName') + " DESC";
} else {
$columnHeader
.removeClass('jtable-column-header-sorted-desc')
.addClass('jtable-column-header-sorted-asc');
this._lastSorting = $columnHeader.data('fieldName') + " ASC";
}
//Load current page again
this._reloadTable();
},
/* Adds jtSorting parameter to a URL as query string.
*************************************************************************/
_addSortingInfoToUrl: function (url) {
if (!this.options.sorting || this._lastSorting == '') {
return url;
}
return (url + (url.indexOf('?') < 0 ? '?' : '&') + 'jtSorting=' + this._lastSorting);
}
});
})(jQuery);
|
