/*jshint eqeqeq:false, eqnull:true */ /*global jQuery, define, exports, module, require */ /*jslint plusplus: true, unparam: true, eqeq: true, nomen: true, todo: true, continue: true */ // Grouping module (function (factory) { "use strict"; if (typeof define === "function" && define.amd) { // AMD. Register as an anonymous module. define([ "jquery", "./grid.base" ], factory); } else if (typeof module === "object" && module.exports) { // Node/CommonJS module.exports = function (root, $) { if (!root) { root = window; } if ($ === undefined) { // require("jquery") returns a factory that requires window to // build a jQuery instance, we normalize how we use modules // that require this pattern but the window provided is a noop // if it's defined (how jquery works) $ = typeof window !== "undefined" ? require("jquery") : require("jquery")(root); } require("./grid.base"); factory($); return $; }; } else { // Browser globals factory(jQuery); } }(function ($) { "use strict"; var jgrid = $.jgrid, base = $.fn.jqGrid; // begin module grid.grouping jgrid.extend({ groupingSetup: function () { return this.each(function () { var $t = this, i, j, cml, p = $t.p, colModel = p.colModel, grp = p.groupingView, cm, summary, emptyFormatter = function () { return ""; }; if (grp !== null && ((typeof grp === "object") || $.isFunction(grp))) { if (!grp.groupField.length) { p.grouping = false; } else { if (grp.visibiltyOnNextGrouping === undefined) { grp.visibiltyOnNextGrouping = []; } grp.lastvalues = []; if (!grp._locgr) { grp.groups = []; } grp.counters = []; for (i = 0; i < grp.groupField.length; i++) { if (!grp.groupOrder[i]) { grp.groupOrder[i] = "asc"; } if (!grp.groupText[i]) { grp.groupText[i] = "{0}"; } if (typeof grp.groupColumnShow[i] !== "boolean") { grp.groupColumnShow[i] = true; } if (typeof grp.groupSummary[i] !== "boolean") { grp.groupSummary[i] = false; } if (!grp.groupSummaryPos[i]) { grp.groupSummaryPos[i] = "footer"; } // TODO: allow groupField be from additionalProperties // and not only from colModel cm = colModel[p.iColByName[grp.groupField[i]]]; if (grp.groupColumnShow[i] === true) { grp.visibiltyOnNextGrouping[i] = true; if (cm != null && cm.hidden === true) { base.showCol.call($($t), grp.groupField[i]); } } else { grp.visibiltyOnNextGrouping[i] = $("#" + jgrid.jqID(p.id + "_" + grp.groupField[i])).is(":visible"); if (cm != null && cm.hidden !== true) { base.hideCol.call($($t), grp.groupField[i]); } } } grp.summary = []; if (grp.hideFirstGroupCol) { grp.formatDisplayField[0] = function (v) { return v; }; } for (j = 0, cml = colModel.length; j < cml; j++) { cm = colModel[j]; if (grp.hideFirstGroupCol) { if (!cm.hidden && grp.groupField[0] === cm.name) { cm.formatter = emptyFormatter; } } if (cm.summaryType) { summary = { nm: cm.name, st: cm.summaryType, v: "", sr: cm.summaryRound, srt: cm.summaryRoundType || "round" }; if (cm.summaryDivider) { summary.sd = cm.summaryDivider; summary.vd = ""; } grp.summary.push(summary); } } } } else { p.grouping = false; } }); }, groupingPrepare: function (record, irow) { this.each(function () { var $t = this, p = $t.p, grp = p.groupingView, groups = grp.groups, counters = grp.counters, lastvalues = grp.lastvalues, isInTheSameGroup = grp.isInTheSameGroup, groupLength = grp.groupField.length, i, j, keys, newGroup, counter, fieldName, v, displayName, displayValue, changed = false, groupingCalculationsHandler = base.groupingCalculations.handler, key, buildSummary = function () { var iSummary, summary, st; for (iSummary = 0; iSummary < counter.summary.length; iSummary++) { summary = counter.summary[iSummary]; st = $.isArray(summary.st) ? summary.st[newGroup.idx] : summary.st; if ($.isFunction(st)) { summary.v = st.call($t, summary.v, summary.nm, record, newGroup); } else { summary.v = groupingCalculationsHandler.call($($t), st, summary.v, summary.nm, summary.sr, summary.srt, record); if (st.toLowerCase() === "avg" && summary.sd) { summary.vd = groupingCalculationsHandler.call($($t), st, summary.vd, summary.sd, summary.sr, summary.srt, record); } } } return counter.summary; }, normilizeValue = function (value, cmOrPropName) { if (value == null && grp.useDefaultValuesOnGrouping) { var cm = p.iColByName[cmOrPropName] !== undefined ? p.colModel[p.iColByName[cmOrPropName]] : p.additionalProperties[p.iPropByName[cmOrPropName]], defaultValue; if (cm != null && cm.formatter != null) { if (cm.formatoptions != null && cm.formatoptions.defaultValue !== undefined) { value = cm.formatoptions.defaultValue; } else if (typeof cm.formatter === "string") { defaultValue = $($t).jqGrid("getGridRes", "formatter." + cm.formatter + ".defaultValue"); if (defaultValue !== undefined) { value = defaultValue; } } } } return value; }; for (i = 0; i < groupLength; i++) { fieldName = grp.groupField[i]; v = normilizeValue(record[fieldName], fieldName); key = v; displayName = grp.displayField[i]; displayValue = displayName == null ? null : normilizeValue(record[displayName], displayName); if (displayValue == null) { displayValue = v; } if (v !== undefined) { keys = []; for (j = 0; j <= i; j++) { keys.push(record[grp.groupField[j]]); } newGroup = { idx: i, // index in grp.groupField array dataIndex: fieldName, value: v, displayValue: displayValue, startRow: irow, cnt: 1, keys: keys, summary: [] }; counter = { cnt: 1, pos: groups.length, summary: $.extend(true, [], grp.summary) }; if (irow === 0) { // First record always starts a new group groups.push(newGroup); lastvalues[i] = v; counters[i] = counter; } else { if (typeof v !== "object" && ($.isArray(isInTheSameGroup) && $.isFunction(isInTheSameGroup[i]) ? !isInTheSameGroup[i].call($t, lastvalues[i], v, i, grp) : lastvalues[i] !== v)) { // This record is not in same group as previous one groups.push(newGroup); lastvalues[i] = v; changed = true; counters[i] = counter; } else { if (changed) { // This group has changed because an earlier group changed. groups.push(newGroup); lastvalues[i] = v; counters[i] = counter; } else { counter = counters[i]; counter.cnt += 1; groups[counter.pos].cnt = counter.cnt; } } } groups[counter.pos].summary = buildSummary(); for (j = counter.pos - 1; j >= 0; j--) { // find the parent group (the grouping header) if (groups[j].idx < groups[counter.pos].idx) { groups[counter.pos].parentGroupIndex = j; groups[counter.pos].parentGroup = groups[j]; break; } } } } //gdata.push( rData ); }); return this; }, getGroupHeaderIndex: function (hid, clickedElem) { var $self = this, self = $self[0], p = self.p, $tr = clickedElem ? $(clickedElem).closest("tr.jqgroup") : $("#" + jgrid.jqID(hid)), groupLevel = parseInt($tr.data("jqgrouplevel"), 10), hPrefix = p.id + "ghead_" + groupLevel + "_"; if (isNaN(groupLevel) || !$tr.hasClass("jqgroup") || hid.length <= hPrefix.length) { return -1; } return parseInt(hid.substring(hPrefix.length), 10); }, groupingToggle: function (hid, clickedElem) { this.each(function () { var $t = this, p = $t.p, grp = p.groupingView, minusClasses = grp.minusicon, plusClasses = grp.plusicon, $tr = clickedElem ? $(clickedElem).closest("tr.jqgroup") : $("#" + jgrid.jqID(hid)), getGroupHeaderIcon = function ($trElem) { return $trElem.find(">td>span." + "tree-wrap"); }, itemGroupingLevel, iRowStart, showDataRowsOnExpending = true, $groupIcon, collapsed = false, rowsToHideOrShow = [], addToHideOrShow = function ($elem) { var i, l = $elem.length; for (i = 0; i < l; i++) { rowsToHideOrShow.push($elem[i]); } }, num = parseInt($tr.data("jqgrouplevel"), 10); if (p.frozenColumns && $tr.length > 0) { // always get row from non-frozen column iRowStart = $tr[0].rowIndex; $tr = $($t.rows[iRowStart]); $tr = $tr.add($t.grid.fbRows[iRowStart]); } $groupIcon = getGroupHeaderIcon($tr); if (jgrid.hasAllClasses($groupIcon, minusClasses)) { $groupIcon.removeClass(minusClasses).addClass(plusClasses); collapsed = true; } else { $groupIcon.removeClass(plusClasses).addClass(minusClasses); } for ($tr = $tr.next(); $tr.length; $tr = $tr.next()) { if ($tr.hasClass("jqfoot")) { itemGroupingLevel = parseInt($tr.data("jqfootlevel"), 10); if (collapsed) { // hide all till the summary row of the same level. // don't hide the summary row if grp.showSummaryOnHide === true itemGroupingLevel = parseInt($tr.data("jqfootlevel"), 10); if ((!grp.showSummaryOnHide && itemGroupingLevel === num) || itemGroupingLevel > num) { addToHideOrShow($tr); } // stop hiding of rows if the footer of parent group are found if (itemGroupingLevel < num) { break; } } else { if (itemGroupingLevel === num || (grp.showSummaryOnHide && itemGroupingLevel === num + 1)) { addToHideOrShow($tr); } if (itemGroupingLevel <= num) { break; } } } else if ($tr.hasClass("jqgroup")) { itemGroupingLevel = parseInt($tr.data("jqgrouplevel"), 10); if (collapsed) { // stop hiding of rows if the grouping header of the next group // of the same (or higher) level are found if (itemGroupingLevel <= num) { break; } addToHideOrShow($tr); } else { // stop next grouping header of the same lever are found if (itemGroupingLevel <= num) { break; } if (itemGroupingLevel === num + 1) { // one should display subgroupes in collaped form getGroupHeaderIcon($tr).removeClass(minusClasses).addClass(plusClasses); addToHideOrShow($tr); } // one need hide all data if subgroup is found showDataRowsOnExpending = false; } } else { // data // we set currently no information about the level of data // se we use showDataRowsOnExpending variable which will be // used during expanding of data if (collapsed || showDataRowsOnExpending) { // grouping data need be displayed only // if the last level group with data (no subgroups) // is expanded addToHideOrShow($tr); } } } //$(rowsToHideOrShow)[collapsed ? "hide" : "show"](); $(rowsToHideOrShow).css("display", collapsed ? "none" : ""); // fix position of elements of frozen divs if (p.frozenColumns) { $($t).triggerHandler("jqGridResetFrozenHeights", [{ header: { resizeDiv: false, resizedRows: { iRowStart: -1, // -1 means don't recalculate heights or rows iRowEnd: -1 } }, resizeFooter: false, body: { resizeDiv: true, resizedRows: { iRowStart: iRowStart, iRowEnd: ($tr.length ? $tr[0].rowIndex - 1 : -1) } } }]); } // recalculate the width because vertical scrollbar can // appears/disappears after expanding/collapsing $t.fixScrollOffsetAndhBoxPadding(); $($t).triggerHandler("jqGridGroupingClickGroup", [hid, collapsed]); if ($.isFunction(p.onClickGroup)) { p.onClickGroup.call($t, hid, collapsed); } }); return false; }, groupingRender: function (grdata, rn) { // input parameter grdata is array of strings, which are either opening