You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16290 lines
825 KiB
16290 lines
825 KiB
/**
|
|
*
|
|
* @license Guriddo jqGrid JS - v5.1.0 - 2016-05-12
|
|
* Copyright(c) 2008, Tony Tomov, tony@trirand.com
|
|
*
|
|
* License: http://guriddo.net/?page_id=103334
|
|
*/
|
|
(function (factory) {
|
|
"use strict";
|
|
if (typeof define === "function" && define.amd) {
|
|
// AMD. Register as an anonymous module.
|
|
define([
|
|
"jquery"
|
|
], factory);
|
|
} else {
|
|
// Browser globals
|
|
factory(jQuery);
|
|
}
|
|
}(function ($) {
|
|
"use strict";
|
|
//module begin
|
|
$.jgrid = $.jgrid || {};
|
|
if (!$.jgrid.hasOwnProperty("defaults")) {
|
|
$.jgrid.defaults = {};
|
|
}
|
|
$.extend($.jgrid, {
|
|
version: "5.1.0",
|
|
htmlDecode: function (value) {
|
|
if (value && (value === ' ' || value === ' ' || (value.length === 1 && value.charCodeAt(0) === 160))) { return ""; }
|
|
return !value ? value : String(value).replace(/>/g, ">").replace(/</g, "<").replace(/"/g, '"').replace(/&/g, "&");
|
|
},
|
|
htmlEncode: function (value) {
|
|
return !value ? value : String(value).replace(/&/g, "&").replace(/\"/g, """).replace(/</g, "<").replace(/>/g, ">");
|
|
},
|
|
template: function (format) { //jqgformat
|
|
var args = $.makeArray(arguments).slice(1), j, al = args.length;
|
|
if (format == null) { format = ""; }
|
|
return format.replace(/\{([\w\-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g, function (m, i) {
|
|
if (!isNaN(parseInt(i, 10))) {
|
|
return args[parseInt(i, 10)];
|
|
}
|
|
for (j = 0; j < al; j++) {
|
|
if ($.isArray(args[j])) {
|
|
var nmarr = args[j],
|
|
k = nmarr.length;
|
|
while (k--) {
|
|
if (i === nmarr[k].nm) {
|
|
return nmarr[k].v;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
msie: navigator.appName === 'Microsoft Internet Explorer',
|
|
msiever: function () {
|
|
var rv = -1;
|
|
var ua = navigator.userAgent;
|
|
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
|
|
if (re.exec(ua) != null) {
|
|
rv = parseFloat(RegExp.$1);
|
|
}
|
|
return rv;
|
|
},
|
|
getCellIndex: function (cell) {
|
|
var c = $(cell);
|
|
if (c.is('tr')) { return -1; }
|
|
c = (!c.is('td') && !c.is('th') ? c.closest("td,th") : c)[0];
|
|
if ($.jgrid.msie) { return $.inArray(c, c.parentNode.cells); }
|
|
return c.cellIndex;
|
|
},
|
|
stripHtml: function (v) {
|
|
v = String(v);
|
|
var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
|
|
if (v) {
|
|
v = v.replace(regexp, "");
|
|
return (v && v !== ' ' && v !== ' ') ? v.replace(/\"/g, "'") : "";
|
|
}
|
|
return v;
|
|
},
|
|
stripPref: function (pref, id) {
|
|
var obj = $.type(pref);
|
|
if (obj === "string" || obj === "number") {
|
|
pref = String(pref);
|
|
id = pref !== "" ? String(id).replace(String(pref), "") : id;
|
|
}
|
|
return id;
|
|
},
|
|
useJSON: true,
|
|
parse: function (jsonString) {
|
|
var js = jsonString;
|
|
if (js.substr(0, 9) === "while(1);") { js = js.substr(9); }
|
|
if (js.substr(0, 2) === "/*") { js = js.substr(2, js.length - 4); }
|
|
if (!js) { js = "{}"; }
|
|
return ($.jgrid.useJSON === true && typeof JSON === 'object' && typeof JSON.parse === 'function') ?
|
|
JSON.parse(js) :
|
|
eval('(' + js + ')');
|
|
},
|
|
parseDate: function (format, date, newformat, opts) {
|
|
var token = /\\.|[dDjlNSwzWFmMntLoYyaABgGhHisueIOPTZcrU]/g,
|
|
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
|
|
timezoneClip = /[^-+\dA-Z]/g,
|
|
msDateRegExp = new RegExp("^\/Date\\((([-+])?[0-9]+)(([-+])([0-9]{2})([0-9]{2}))?\\)\/$"),
|
|
msMatch = ((typeof date === 'string') ? date.match(msDateRegExp) : null),
|
|
pad = function (value, length) {
|
|
value = String(value);
|
|
length = parseInt(length, 10) || 2;
|
|
while (value.length < length) { value = '0' + value; }
|
|
return value;
|
|
},
|
|
ts = { m: 1, d: 1, y: 1970, h: 0, i: 0, s: 0, u: 0 },
|
|
timestamp = 0, dM, k, hl,
|
|
h12to24 = function (ampm, h) {
|
|
if (ampm === 0) { if (h === 12) { h = 0; } }
|
|
else { if (h !== 12) { h += 12; } }
|
|
return h;
|
|
},
|
|
offset = 0;
|
|
if (opts === undefined) {
|
|
opts = $.jgrid.getRegional(this, "formatter.date");//$.jgrid.formatter.date;
|
|
}
|
|
// old lang files
|
|
if (opts.parseRe === undefined) {
|
|
opts.parseRe = /[#%\\\/:_;.,\t\s-]/;
|
|
}
|
|
if (opts.masks.hasOwnProperty(format)) { format = opts.masks[format]; }
|
|
if (date && date != null) {
|
|
if (!isNaN(date - 0) && String(format).toLowerCase() === "u") {
|
|
//Unix timestamp
|
|
timestamp = new Date(parseFloat(date) * 1000);
|
|
} else if (date.constructor === Date) {
|
|
timestamp = date;
|
|
// Microsoft date format support
|
|
} else if (msMatch !== null) {
|
|
timestamp = new Date(parseInt(msMatch[1], 10));
|
|
if (msMatch[3]) {
|
|
offset = Number(msMatch[5]) * 60 + Number(msMatch[6]);
|
|
offset *= ((msMatch[4] === '-') ? 1 : -1);
|
|
offset -= timestamp.getTimezoneOffset();
|
|
timestamp.setTime(Number(Number(timestamp) + (offset * 60 * 1000)));
|
|
}
|
|
} else {
|
|
//Support ISO8601Long that have Z at the end to indicate UTC timezone
|
|
if (opts.srcformat === 'ISO8601Long' && date.charAt(date.length - 1) === 'Z') {
|
|
offset -= (new Date()).getTimezoneOffset();
|
|
}
|
|
date = String(date).replace(/\T/g, "#").replace(/\t/, "%").split(opts.parseRe);
|
|
format = format.replace(/\T/g, "#").replace(/\t/, "%").split(opts.parseRe);
|
|
// parsing for month names
|
|
for (k = 0, hl = format.length; k < hl; k++) {
|
|
switch (format[k]) {
|
|
case 'M':
|
|
dM = $.inArray(date[k], opts.monthNames);
|
|
if (dM !== -1 && dM < 12) { date[k] = dM + 1; ts.m = date[k]; }
|
|
break;
|
|
case 'F':
|
|
dM = $.inArray(date[k], opts.monthNames, 12);
|
|
if (dM !== -1 && dM > 11) { date[k] = dM + 1 - 12; ts.m = date[k]; }
|
|
break;
|
|
case 'n':
|
|
format[k] = 'm';
|
|
break;
|
|
case 'j':
|
|
format[k] = 'd';
|
|
break;
|
|
case 'a':
|
|
dM = $.inArray(date[k], opts.AmPm);
|
|
if (dM !== -1 && dM < 2 && date[k] === opts.AmPm[dM]) {
|
|
date[k] = dM;
|
|
ts.h = h12to24(date[k], ts.h);
|
|
}
|
|
break;
|
|
case 'A':
|
|
dM = $.inArray(date[k], opts.AmPm);
|
|
if (dM !== -1 && dM > 1 && date[k] === opts.AmPm[dM]) {
|
|
date[k] = dM - 2;
|
|
ts.h = h12to24(date[k], ts.h);
|
|
}
|
|
break;
|
|
case 'g':
|
|
ts.h = parseInt(date[k], 10);
|
|
break;
|
|
}
|
|
if (date[k] !== undefined) {
|
|
ts[format[k].toLowerCase()] = parseInt(date[k], 10);
|
|
}
|
|
}
|
|
if (ts.f) { ts.m = ts.f; }
|
|
if (ts.m === 0 && ts.y === 0 && ts.d === 0) {
|
|
return " ";
|
|
}
|
|
ts.m = parseInt(ts.m, 10) - 1;
|
|
var ty = ts.y;
|
|
if (ty >= 70 && ty <= 99) { ts.y = 1900 + ts.y; }
|
|
else if (ty >= 0 && ty <= 69) { ts.y = 2000 + ts.y; }
|
|
timestamp = new Date(ts.y, ts.m, ts.d, ts.h, ts.i, ts.s, ts.u);
|
|
//Apply offset to show date as local time.
|
|
if (offset > 0) {
|
|
timestamp.setTime(Number(Number(timestamp) + (offset * 60 * 1000)));
|
|
}
|
|
}
|
|
} else {
|
|
timestamp = new Date(ts.y, ts.m, ts.d, ts.h, ts.i, ts.s, ts.u);
|
|
}
|
|
if (opts.userLocalTime && offset === 0) {
|
|
offset -= (new Date()).getTimezoneOffset();
|
|
if (offset > 0) {
|
|
timestamp.setTime(Number(Number(timestamp) + (offset * 60 * 1000)));
|
|
}
|
|
}
|
|
if (newformat === undefined) {
|
|
return timestamp;
|
|
}
|
|
if (opts.masks.hasOwnProperty(newformat)) {
|
|
newformat = opts.masks[newformat];
|
|
} else if (!newformat) {
|
|
newformat = 'Y-m-d';
|
|
}
|
|
var
|
|
G = timestamp.getHours(),
|
|
i = timestamp.getMinutes(),
|
|
j = timestamp.getDate(),
|
|
n = timestamp.getMonth() + 1,
|
|
o = timestamp.getTimezoneOffset(),
|
|
s = timestamp.getSeconds(),
|
|
u = timestamp.getMilliseconds(),
|
|
w = timestamp.getDay(),
|
|
Y = timestamp.getFullYear(),
|
|
N = (w + 6) % 7 + 1,
|
|
z = (new Date(Y, n - 1, j) - new Date(Y, 0, 1)) / 86400000,
|
|
flags = {
|
|
// Day
|
|
d: pad(j),
|
|
D: opts.dayNames[w],
|
|
j: j,
|
|
l: opts.dayNames[w + 7],
|
|
N: N,
|
|
S: opts.S(j),
|
|
//j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th',
|
|
w: w,
|
|
z: z,
|
|
// Week
|
|
W: N < 5 ? Math.floor((z + N - 1) / 7) + 1 : Math.floor((z + N - 1) / 7) || ((new Date(Y - 1, 0, 1).getDay() + 6) % 7 < 4 ? 53 : 52),
|
|
// Month
|
|
F: opts.monthNames[n - 1 + 12],
|
|
m: pad(n),
|
|
M: opts.monthNames[n - 1],
|
|
n: n,
|
|
t: '?',
|
|
// Year
|
|
L: '?',
|
|
o: '?',
|
|
Y: Y,
|
|
y: String(Y).substring(2),
|
|
// Time
|
|
a: G < 12 ? opts.AmPm[0] : opts.AmPm[1],
|
|
A: G < 12 ? opts.AmPm[2] : opts.AmPm[3],
|
|
B: '?',
|
|
g: G % 12 || 12,
|
|
G: G,
|
|
h: pad(G % 12 || 12),
|
|
H: pad(G),
|
|
i: pad(i),
|
|
s: pad(s),
|
|
u: u,
|
|
// Timezone
|
|
e: '?',
|
|
I: '?',
|
|
O: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
|
|
P: '?',
|
|
T: (String(timestamp).match(timezone) || [""]).pop().replace(timezoneClip, ""),
|
|
Z: '?',
|
|
// Full Date/Time
|
|
c: '?',
|
|
r: '?',
|
|
U: Math.floor(timestamp / 1000)
|
|
};
|
|
return newformat.replace(token, function ($0) {
|
|
return flags.hasOwnProperty($0) ? flags[$0] : $0.substring(1);
|
|
});
|
|
},
|
|
jqID: function (sid) {
|
|
return String(sid).replace(/[!"#$%&'()*+,.\/:; <=>?@\[\\\]\^`{|}~]/g, "\\$&");
|
|
},
|
|
guid: 1,
|
|
uidPref: 'jqg',
|
|
randId: function (prefix) {
|
|
return (prefix || $.jgrid.uidPref) + ($.jgrid.guid++);
|
|
},
|
|
getAccessor: function (obj, expr) {
|
|
var ret, p, prm = [], i;
|
|
if (typeof expr === 'function') { return expr(obj); }
|
|
ret = obj[expr];
|
|
if (ret === undefined) {
|
|
try {
|
|
if (typeof expr === 'string') {
|
|
prm = expr.split('.');
|
|
}
|
|
i = prm.length;
|
|
if (i) {
|
|
ret = obj;
|
|
while (ret && i--) {
|
|
p = prm.shift();
|
|
ret = ret[p];
|
|
}
|
|
}
|
|
} catch (e) { }
|
|
}
|
|
return ret;
|
|
},
|
|
getXmlData: function (obj, expr, returnObj) {
|
|
var ret, m = typeof expr === 'string' ? expr.match(/^(.*)\[(\w+)\]$/) : null;
|
|
if (typeof expr === 'function') { return expr(obj); }
|
|
if (m && m[2]) {
|
|
// m[2] is the attribute selector
|
|
// m[1] is an optional element selector
|
|
// examples: "[id]", "rows[page]"
|
|
return m[1] ? $(m[1], obj).attr(m[2]) : $(obj).attr(m[2]);
|
|
}
|
|
ret = $(expr, obj);
|
|
if (returnObj) { return ret; }
|
|
//$(expr, obj).filter(':last'); // we use ':last' to be more compatible with old version of jqGrid
|
|
return ret.length > 0 ? $(ret).text() : undefined;
|
|
},
|
|
cellWidth: function () {
|
|
var $testDiv = $("<div class='ui-jqgrid' style='left:10000px'><table class='ui-jqgrid-btable ui-common-table' style='width:5px;'><tr class='jqgrow'><td style='width:5px;display:block;'></td></tr></table></div>"),
|
|
testCell = $testDiv.appendTo("body")
|
|
.find("td")
|
|
.width();
|
|
$testDiv.remove();
|
|
return Math.abs(testCell - 5) > 0.1;
|
|
},
|
|
isLocalStorage: function () {
|
|
try {
|
|
return 'localStorage' in window && window.localStorage !== null;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
},
|
|
getRegional: function (inst, param, def_val) {
|
|
var ret;
|
|
if (def_val !== undefined) {
|
|
return def_val;
|
|
}
|
|
if (inst.p && inst.p.regional && $.jgrid.regional) {
|
|
ret = $.jgrid.getAccessor($.jgrid.regional[inst.p.regional] || {}, param);
|
|
}
|
|
if (ret === undefined) {
|
|
ret = $.jgrid.getAccessor($.jgrid, param);
|
|
}
|
|
return ret;
|
|
},
|
|
isMobile: function () {
|
|
try {
|
|
if (/Android|webOS|iPhone|iPad|iPod|pocket|psp|kindle|avantgo|blazer|midori|Tablet|Palm|maemo|plucker|phone|BlackBerry|symbian|IEMobile|mobile|ZuneWP7|Windows Phone|Opera Mini/i.test(navigator.userAgent)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
},
|
|
cell_width: true,
|
|
ajaxOptions: {},
|
|
from: function (source) {
|
|
// Original Author Hugo Bonacci
|
|
// License MIT http://jlinq.codeplex.com/license
|
|
var $t = this,
|
|
QueryObject = function (d, q) {
|
|
if (typeof d === "string") {
|
|
d = $.data(d);
|
|
}
|
|
var self = this,
|
|
_data = d,
|
|
_usecase = true,
|
|
_trim = false,
|
|
_query = q,
|
|
_stripNum = /[\$,%]/g,
|
|
_lastCommand = null,
|
|
_lastField = null,
|
|
_orDepth = 0,
|
|
_negate = false,
|
|
_queuedOperator = "",
|
|
_sorting = [],
|
|
_useProperties = true;
|
|
if (typeof d === "object" && d.push) {
|
|
if (d.length > 0) {
|
|
if (typeof d[0] !== "object") {
|
|
_useProperties = false;
|
|
} else {
|
|
_useProperties = true;
|
|
}
|
|
}
|
|
} else {
|
|
throw "提供的数据不是数组";
|
|
}
|
|
this._hasData = function () {
|
|
return _data === null ? false : _data.length === 0 ? false : true;
|
|
};
|
|
this._getStr = function (s) {
|
|
var phrase = [];
|
|
if (_trim) {
|
|
phrase.push("jQuery.trim(");
|
|
}
|
|
phrase.push("String(" + s + ")");
|
|
if (_trim) {
|
|
phrase.push(")");
|
|
}
|
|
if (!_usecase) {
|
|
phrase.push(".toLowerCase()");
|
|
}
|
|
return phrase.join("");
|
|
};
|
|
this._strComp = function (val) {
|
|
if (typeof val === "string") {
|
|
return ".toString()";
|
|
}
|
|
return "";
|
|
};
|
|
this._group = function (f, u) {
|
|
return ({ field: f.toString(), unique: u, items: [] });
|
|
};
|
|
this._toStr = function (phrase) {
|
|
if (_trim) {
|
|
phrase = $.trim(phrase);
|
|
}
|
|
phrase = phrase.toString().replace(/\\/g, '\\\\').replace(/\"/g, '\\"');
|
|
return _usecase ? phrase : phrase.toLowerCase();
|
|
};
|
|
this._funcLoop = function (func) {
|
|
var results = [];
|
|
$.each(_data, function (i, v) {
|
|
results.push(func(v));
|
|
});
|
|
return results;
|
|
};
|
|
this._append = function (s) {
|
|
var i;
|
|
if (_query === null) {
|
|
_query = "";
|
|
} else {
|
|
_query += _queuedOperator === "" ? " && " : _queuedOperator;
|
|
}
|
|
for (i = 0; i < _orDepth; i++) {
|
|
_query += "(";
|
|
}
|
|
if (_negate) {
|
|
_query += "!";
|
|
}
|
|
_query += "(" + s + ")";
|
|
_negate = false;
|
|
_queuedOperator = "";
|
|
_orDepth = 0;
|
|
};
|
|
this._setCommand = function (f, c) {
|
|
_lastCommand = f;
|
|
_lastField = c;
|
|
};
|
|
this._resetNegate = function () {
|
|
_negate = false;
|
|
};
|
|
this._repeatCommand = function (f, v) {
|
|
if (_lastCommand === null) {
|
|
return self;
|
|
}
|
|
if (f !== null && v !== null) {
|
|
return _lastCommand(f, v);
|
|
}
|
|
if (_lastField === null) {
|
|
return _lastCommand(f);
|
|
}
|
|
if (!_useProperties) {
|
|
return _lastCommand(f);
|
|
}
|
|
return _lastCommand(_lastField, f);
|
|
};
|
|
this._equals = function (a, b) {
|
|
return (self._compare(a, b, 1) === 0);
|
|
};
|
|
this._compare = function (a, b, d) {
|
|
var toString = Object.prototype.toString;
|
|
if (d === undefined) { d = 1; }
|
|
if (a === undefined) { a = null; }
|
|
if (b === undefined) { b = null; }
|
|
if (a === null && b === null) {
|
|
return 0;
|
|
}
|
|
if (a === null && b !== null) {
|
|
return 1;
|
|
}
|
|
if (a !== null && b === null) {
|
|
return -1;
|
|
}
|
|
if (toString.call(a) === '[object Date]' && toString.call(b) === '[object Date]') {
|
|
if (a < b) { return -d; }
|
|
if (a > b) { return d; }
|
|
return 0;
|
|
}
|
|
if (!_usecase && typeof a !== "number" && typeof b !== "number") {
|
|
a = String(a);
|
|
b = String(b);
|
|
}
|
|
if (a < b) { return -d; }
|
|
if (a > b) { return d; }
|
|
return 0;
|
|
};
|
|
this._performSort = function () {
|
|
if (_sorting.length === 0) { return; }
|
|
_data = self._doSort(_data, 0);
|
|
};
|
|
this._doSort = function (d, q) {
|
|
var by = _sorting[q].by,
|
|
dir = _sorting[q].dir,
|
|
type = _sorting[q].type,
|
|
dfmt = _sorting[q].datefmt,
|
|
sfunc = _sorting[q].sfunc;
|
|
if (q === _sorting.length - 1) {
|
|
return self._getOrder(d, by, dir, type, dfmt, sfunc);
|
|
}
|
|
q++;
|
|
var values = self._getGroup(d, by, dir, type, dfmt), results = [], i, j, sorted;
|
|
for (i = 0; i < values.length; i++) {
|
|
sorted = self._doSort(values[i].items, q);
|
|
for (j = 0; j < sorted.length; j++) {
|
|
results.push(sorted[j]);
|
|
}
|
|
}
|
|
return results;
|
|
};
|
|
this._getOrder = function (data, by, dir, type, dfmt, sfunc) {
|
|
var sortData = [], _sortData = [], newDir = dir === "a" ? 1 : -1, i, ab, j,
|
|
findSortKey;
|
|
|
|
if (type === undefined) { type = "text"; }
|
|
if (type === 'float' || type === 'number' || type === 'currency' || type === 'numeric') {
|
|
findSortKey = function ($cell) {
|
|
var key = parseFloat(String($cell).replace(_stripNum, ''));
|
|
return isNaN(key) ? Number.NEGATIVE_INFINITY : key;
|
|
};
|
|
} else if (type === 'int' || type === 'integer') {
|
|
findSortKey = function ($cell) {
|
|
return $cell ? parseFloat(String($cell).replace(_stripNum, '')) : Number.NEGATIVE_INFINITY;
|
|
};
|
|
} else if (type === 'date' || type === 'datetime') {
|
|
findSortKey = function ($cell) {
|
|
return $.jgrid.parseDate.call($t, dfmt, $cell).getTime();
|
|
};
|
|
} else if ($.isFunction(type)) {
|
|
findSortKey = type;
|
|
} else {
|
|
findSortKey = function ($cell) {
|
|
$cell = $cell ? $.trim(String($cell)) : "";
|
|
return _usecase ? $cell : $cell.toLowerCase();
|
|
};
|
|
}
|
|
$.each(data, function (i, v) {
|
|
ab = by !== "" ? $.jgrid.getAccessor(v, by) : v;
|
|
if (ab === undefined) { ab = ""; }
|
|
ab = findSortKey(ab, v);
|
|
_sortData.push({ 'vSort': ab, 'index': i });
|
|
});
|
|
if ($.isFunction(sfunc)) {
|
|
_sortData.sort(function (a, b) {
|
|
return sfunc.call(this, a.vSort, b.vSort, newDir, a, b);
|
|
});
|
|
} else {
|
|
_sortData.sort(function (a, b) {
|
|
return self._compare(a.vSort, b.vSort, newDir);
|
|
});
|
|
}
|
|
j = 0;
|
|
var nrec = data.length;
|
|
// overhead, but we do not change the original data.
|
|
while (j < nrec) {
|
|
i = _sortData[j].index;
|
|
sortData.push(data[i]);
|
|
j++;
|
|
}
|
|
return sortData;
|
|
};
|
|
this._getGroup = function (data, by, dir, type, dfmt) {
|
|
var results = [],
|
|
group = null,
|
|
last = null, val;
|
|
$.each(self._getOrder(data, by, dir, type, dfmt), function (i, v) {
|
|
val = $.jgrid.getAccessor(v, by);
|
|
if (val == null) { val = ""; }
|
|
if (!self._equals(last, val)) {
|
|
last = val;
|
|
if (group !== null) {
|
|
results.push(group);
|
|
}
|
|
group = self._group(by, val);
|
|
}
|
|
group.items.push(v);
|
|
});
|
|
if (group !== null) {
|
|
results.push(group);
|
|
}
|
|
return results;
|
|
};
|
|
this.ignoreCase = function () {
|
|
_usecase = false;
|
|
return self;
|
|
};
|
|
this.useCase = function () {
|
|
_usecase = true;
|
|
return self;
|
|
};
|
|
this.trim = function () {
|
|
_trim = true;
|
|
return self;
|
|
};
|
|
this.noTrim = function () {
|
|
_trim = false;
|
|
return self;
|
|
};
|
|
this.execute = function () {
|
|
var match = _query, results = [];
|
|
if (match === null) {
|
|
return self;
|
|
}
|
|
$.each(_data, function () {
|
|
if (eval(match)) { results.push(this); }
|
|
});
|
|
_data = results;
|
|
return self;
|
|
};
|
|
this.data = function () {
|
|
return _data;
|
|
};
|
|
this.select = function (f) {
|
|
self._performSort();
|
|
if (!self._hasData()) { return []; }
|
|
self.execute();
|
|
if ($.isFunction(f)) {
|
|
var results = [];
|
|
$.each(_data, function (i, v) {
|
|
results.push(f(v));
|
|
});
|
|
return results;
|
|
}
|
|
return _data;
|
|
};
|
|
this.hasMatch = function () {
|
|
if (!self._hasData()) { return false; }
|
|
self.execute();
|
|
return _data.length > 0;
|
|
};
|
|
this.andNot = function (f, v, x) {
|
|
_negate = !_negate;
|
|
return self.and(f, v, x);
|
|
};
|
|
this.orNot = function (f, v, x) {
|
|
_negate = !_negate;
|
|
return self.or(f, v, x);
|
|
};
|
|
this.not = function (f, v, x) {
|
|
return self.andNot(f, v, x);
|
|
};
|
|
this.and = function (f, v, x) {
|
|
_queuedOperator = " && ";
|
|
if (f === undefined) {
|
|
return self;
|
|
}
|
|
return self._repeatCommand(f, v, x);
|
|
};
|
|
this.or = function (f, v, x) {
|
|
_queuedOperator = " || ";
|
|
if (f === undefined) { return self; }
|
|
return self._repeatCommand(f, v, x);
|
|
};
|
|
this.orBegin = function () {
|
|
_orDepth++;
|
|
return self;
|
|
};
|
|
this.orEnd = function () {
|
|
if (_query !== null) {
|
|
_query += ")";
|
|
}
|
|
return self;
|
|
};
|
|
this.isNot = function (f) {
|
|
_negate = !_negate;
|
|
return self.is(f);
|
|
};
|
|
this.is = function (f) {
|
|
self._append('this.' + f);
|
|
self._resetNegate();
|
|
return self;
|
|
};
|
|
this._compareValues = function (func, f, v, how, t) {
|
|
var fld;
|
|
if (_useProperties) {
|
|
fld = 'jQuery.jgrid.getAccessor(this,\'' + f + '\')';
|
|
} else {
|
|
fld = 'this';
|
|
}
|
|
if (v === undefined) { v = null; }
|
|
//var val=v===null?f:v,
|
|
var val = v,
|
|
swst = t.stype === undefined ? "text" : t.stype;
|
|
if (v !== null) {
|
|
switch (swst) {
|
|
case 'int':
|
|
case 'integer':
|
|
val = (isNaN(Number(val)) || val === "") ? '0' : val; // To be fixed with more inteligent code
|
|
fld = 'parseInt(' + fld + ',10)';
|
|
val = 'parseInt(' + val + ',10)';
|
|
break;
|
|
case 'float':
|
|
case 'number':
|
|
case 'numeric':
|
|
val = String(val).replace(_stripNum, '');
|
|
val = (isNaN(Number(val)) || val === "") ? '0' : val; // To be fixed with more inteligent code
|
|
fld = 'parseFloat(' + fld + ')';
|
|
val = 'parseFloat(' + val + ')';
|
|
break;
|
|
case 'date':
|
|
case 'datetime':
|
|
val = String($.jgrid.parseDate.call($t, t.srcfmt || 'Y-m-d', val).getTime());
|
|
fld = 'jQuery.jgrid.parseDate.call(jQuery("#' + $.jgrid.jqID($t.p.id) + '")[0],"' + t.srcfmt + '",' + fld + ').getTime()';
|
|
break;
|
|
default:
|
|
fld = self._getStr(fld);
|
|
val = self._getStr('"' + self._toStr(val) + '"');
|
|
}
|
|
}
|
|
self._append(fld + ' ' + how + ' ' + val);
|
|
self._setCommand(func, f);
|
|
self._resetNegate();
|
|
return self;
|
|
};
|
|
this.equals = function (f, v, t) {
|
|
return self._compareValues(self.equals, f, v, "==", t);
|
|
};
|
|
this.notEquals = function (f, v, t) {
|
|
return self._compareValues(self.equals, f, v, "!==", t);
|
|
};
|
|
this.isNull = function (f, v, t) {
|
|
return self._compareValues(self.equals, f, null, "===", t);
|
|
};
|
|
this.greater = function (f, v, t) {
|
|
return self._compareValues(self.greater, f, v, ">", t);
|
|
};
|
|
this.less = function (f, v, t) {
|
|
return self._compareValues(self.less, f, v, "<", t);
|
|
};
|
|
this.greaterOrEquals = function (f, v, t) {
|
|
return self._compareValues(self.greaterOrEquals, f, v, ">=", t);
|
|
};
|
|
this.lessOrEquals = function (f, v, t) {
|
|
return self._compareValues(self.lessOrEquals, f, v, "<=", t);
|
|
};
|
|
this.startsWith = function (f, v) {
|
|
var val = (v == null) ? f : v,
|
|
length = _trim ? $.trim(val.toString()).length : val.toString().length;
|
|
if (_useProperties) {
|
|
self._append(self._getStr('jQuery.jgrid.getAccessor(this,\'' + f + '\')') + '.substr(0,' + length + ') == ' + self._getStr('"' + self._toStr(v) + '"'));
|
|
} else {
|
|
if (v != null) { length = _trim ? $.trim(v.toString()).length : v.toString().length; }
|
|
self._append(self._getStr('this') + '.substr(0,' + length + ') == ' + self._getStr('"' + self._toStr(f) + '"'));
|
|
}
|
|
self._setCommand(self.startsWith, f);
|
|
self._resetNegate();
|
|
return self;
|
|
};
|
|
this.endsWith = function (f, v) {
|
|
var val = (v == null) ? f : v,
|
|
length = _trim ? $.trim(val.toString()).length : val.toString().length;
|
|
if (_useProperties) {
|
|
self._append(self._getStr('jQuery.jgrid.getAccessor(this,\'' + f + '\')') + '.substr(' + self._getStr('jQuery.jgrid.getAccessor(this,\'' + f + '\')') + '.length-' + length + ',' + length + ') == "' + self._toStr(v) + '"');
|
|
} else {
|
|
self._append(self._getStr('this') + '.substr(' + self._getStr('this') + '.length-"' + self._toStr(f) + '".length,"' + self._toStr(f) + '".length) == "' + self._toStr(f) + '"');
|
|
}
|
|
self._setCommand(self.endsWith, f); self._resetNegate();
|
|
return self;
|
|
};
|
|
this.contains = function (f, v) {
|
|
if (_useProperties) {
|
|
self._append(self._getStr('jQuery.jgrid.getAccessor(this,\'' + f + '\')') + '.indexOf("' + self._toStr(v) + '",0) > -1');
|
|
} else {
|
|
self._append(self._getStr('this') + '.indexOf("' + self._toStr(f) + '",0) > -1');
|
|
}
|
|
self._setCommand(self.contains, f);
|
|
self._resetNegate();
|
|
return self;
|
|
};
|
|
this.groupBy = function (by, dir, type, datefmt) {
|
|
if (!self._hasData()) {
|
|
return null;
|
|
}
|
|
return self._getGroup(_data, by, dir, type, datefmt);
|
|
};
|
|
this.orderBy = function (by, dir, stype, dfmt, sfunc) {
|
|
dir = dir == null ? "a" : $.trim(dir.toString().toLowerCase());
|
|
if (stype == null) { stype = "text"; }
|
|
if (dfmt == null) { dfmt = "Y-m-d"; }
|
|
if (sfunc == null) { sfunc = false; }
|
|
if (dir === "desc" || dir === "descending") { dir = "d"; }
|
|
if (dir === "asc" || dir === "ascending") { dir = "a"; }
|
|
_sorting.push({ by: by, dir: dir, type: stype, datefmt: dfmt, sfunc: sfunc });
|
|
return self;
|
|
};
|
|
return self;
|
|
};
|
|
return new QueryObject(source, null);
|
|
},
|
|
getMethod: function (name) {
|
|
return this.getAccessor($.fn.jqGrid, name);
|
|
},
|
|
extend: function (methods) {
|
|
$.extend($.fn.jqGrid, methods);
|
|
if (!this.no_legacy_api) {
|
|
$.fn.extend(methods);
|
|
}
|
|
},
|
|
clearBeforeUnload: function (jqGridId) {
|
|
var $t = $("#" + $.jgrid.jqID(jqGridId))[0], grid;
|
|
if (!$t.grid) { return; }
|
|
grid = $t.grid;
|
|
if ($.isFunction(grid.emptyRows)) {
|
|
grid.emptyRows.call($t, true, true); // this work quick enough and reduce the size of memory leaks if we have someone
|
|
}
|
|
|
|
$(document).unbind("mouseup.jqGrid" + $t.p.id);
|
|
$(grid.hDiv).unbind("mousemove"); // TODO add namespace
|
|
$($t).unbind();
|
|
var i, l = grid.headers.length,
|
|
removevents = ['formatCol', 'sortData', 'updatepager', 'refreshIndex', 'setHeadCheckBox', 'constructTr', 'formatter', 'addXmlData', 'addJSONData', 'grid', 'p'];
|
|
for (i = 0; i < l; i++) {
|
|
grid.headers[i].el = null;
|
|
}
|
|
|
|
for (i in grid) {
|
|
if (grid.hasOwnProperty(i)) {
|
|
grid[i] = null;
|
|
}
|
|
}
|
|
// experimental
|
|
for (i in $t.p) {
|
|
if ($t.p.hasOwnProperty(i)) {
|
|
$t.p[i] = $.isArray($t.p[i]) ? [] : null;
|
|
}
|
|
}
|
|
l = removevents.length;
|
|
for (i = 0; i < l; i++) {
|
|
if ($t.hasOwnProperty(removevents[i])) {
|
|
$t[removevents[i]] = null;
|
|
delete ($t[removevents[i]]);
|
|
}
|
|
}
|
|
},
|
|
gridUnload: function (jqGridId) {
|
|
if (!jqGridId) { return; }
|
|
jqGridId = $.trim(jqGridId);
|
|
if (jqGridId.indexOf("#") === 0) {
|
|
jqGridId = jqGridId.substring(1);
|
|
}
|
|
|
|
var $t = $("#" + $.jgrid.jqID(jqGridId))[0];
|
|
if (!$t.grid) { return; }
|
|
var defgrid = { id: $($t).attr('id'), cl: $($t).attr('class') };
|
|
if ($t.p.pager) {
|
|
$($t.p.pager).unbind().empty().removeClass("ui-state-default ui-jqgrid-pager ui-corner-bottom");
|
|
}
|
|
var newtable = document.createElement('table');
|
|
newtable.className = defgrid.cl;
|
|
var gid = $.jgrid.jqID($t.id);
|
|
$(newtable).removeClass("ui-jqgrid-btable ui-common-table").insertBefore("#gbox_" + gid);
|
|
if ($($t.p.pager).parents("#gbox_" + gid).length === 1) {
|
|
$($t.p.pager).insertBefore("#gbox_" + gid);
|
|
}
|
|
$.jgrid.clearBeforeUnload(jqGridId);
|
|
$("#gbox_" + gid).remove();
|
|
$(newtable).attr({ id: defgrid.id });
|
|
$("#alertmod_" + $.jgrid.jqID(jqGridId)).remove();
|
|
},
|
|
gridDestroy: function (jqGridId) {
|
|
if (!jqGridId) { return; }
|
|
jqGridId = $.trim(jqGridId);
|
|
if (jqGridId.indexOf("#") === 0) {
|
|
jqGridId = jqGridId.substring(1);
|
|
}
|
|
var $t = $("#" + $.jgrid.jqID(jqGridId))[0];
|
|
if (!$t.grid) { return; }
|
|
if ($t.p.pager) { // if not part of grid
|
|
$($t.p.pager).remove();
|
|
}
|
|
try {
|
|
$.jgrid.clearBeforeUnload(jqGridId);
|
|
$("#gbox_" + $.jgrid.jqID(jqGridId)).remove();
|
|
} catch (_) { }
|
|
},
|
|
styleUI: {
|
|
jQueryUI: {
|
|
common: {
|
|
disabled: "ui-state-disabled",
|
|
highlight: "ui-state-highlight",
|
|
hover: "ui-state-hover",
|
|
cornerall: "ui-corner-all",
|
|
cornertop: "ui-corner-top",
|
|
cornerbottom: "ui-corner-bottom",
|
|
hidden: "ui-helper-hidden",
|
|
icon_base: "ui-icon",
|
|
overlay: "ui-widget-overlay",
|
|
active: "ui-state-active",
|
|
error: "ui-state-error",
|
|
button: "ui-state-default ui-corner-all",
|
|
content: "ui-widget-content"
|
|
},
|
|
base: {
|
|
entrieBox: "ui-widget ui-widget-content ui-corner-all", // entrie div incl everthing
|
|
viewBox: "", // view diw
|
|
headerTable: "",
|
|
headerBox: "ui-state-default",
|
|
rowTable: "",
|
|
rowBox: "ui-widget-content",
|
|
footerTable: "",
|
|
footerBox: "ui-widget-content",
|
|
headerDiv: "ui-state-default",
|
|
gridtitleBox: "ui-widget-header ui-corner-top ui-helper-clearfix",
|
|
customtoolbarBox: "ui-state-default",
|
|
//overlayBox: "ui-widget-overlay",
|
|
loadingBox: "ui-state-default ui-state-active",
|
|
rownumBox: "ui-state-default",
|
|
scrollBox: "ui-widget-content",
|
|
multiBox: "",
|
|
pagerBox: "ui-state-default ui-corner-bottom",
|
|
pagerTable: "",
|
|
toppagerBox: "ui-state-default",
|
|
pgInput: "ui-corner-all",
|
|
pgSelectBox: "ui-widget-content ui-corner-all",
|
|
pgButtonBox: "ui-corner-all",
|
|
icon_first: "ui-icon-seek-first",
|
|
icon_prev: "ui-icon-seek-prev",
|
|
icon_next: "ui-icon-seek-next",
|
|
icon_end: "ui-icon-seek-end",
|
|
icon_asc: "ui-icon-triangle-1-n",
|
|
icon_desc: "ui-icon-triangle-1-s",
|
|
icon_caption_open: "ui-icon-circle-triangle-n",
|
|
icon_caption_close: "ui-icon-circle-triangle-s"
|
|
},
|
|
modal: {
|
|
modal: "ui-widget ui-widget-content ui-corner-all ui-dialog",
|
|
header: "ui-widget-header ui-corner-all ui-helper-clearfix",
|
|
content: "ui-widget-content",
|
|
resizable: "ui-resizable-handle ui-resizable-se",
|
|
icon_close: "ui-icon-closethick",
|
|
icon_resizable: "ui-icon-gripsmall-diagonal-se"
|
|
},
|
|
celledit: {
|
|
inputClass: "ui-widget-content ui-corner-all"
|
|
},
|
|
inlinedit: {
|
|
inputClass: "ui-widget-content ui-corner-all",
|
|
icon_edit_nav: "ui-icon-pencil",
|
|
icon_add_nav: "ui-icon-plus",
|
|
icon_save_nav: "ui-icon-disk",
|
|
icon_cancel_nav: "ui-icon-cancel"
|
|
},
|
|
formedit: {
|
|
inputClass: "ui-widget-content ui-corner-all",
|
|
icon_prev: "ui-icon-triangle-1-w",
|
|
icon_next: "ui-icon-triangle-1-e",
|
|
icon_save: "ui-icon-disk",
|
|
icon_close: "ui-icon-close",
|
|
icon_del: "ui-icon-scissors",
|
|
icon_cancel: "ui-icon-cancel"
|
|
},
|
|
navigator: {
|
|
icon_edit_nav: "ui-icon-pencil",
|
|
icon_add_nav: "ui-icon-plus",
|
|
icon_del_nav: "ui-icon-trash",
|
|
icon_search_nav: "ui-icon-search",
|
|
icon_refresh_nav: "ui-icon-refresh",
|
|
icon_view_nav: "ui-icon-document",
|
|
icon_newbutton_nav: "ui-icon-newwin"
|
|
},
|
|
grouping: {
|
|
icon_plus: 'ui-icon-circlesmall-plus',
|
|
icon_minus: 'ui-icon-circlesmall-minus'
|
|
},
|
|
filter: {
|
|
table_widget: 'ui-widget ui-widget-content',
|
|
srSelect: 'ui-widget-content ui-corner-all',
|
|
srInput: 'ui-widget-content ui-corner-all',
|
|
menu_widget: 'ui-widget ui-widget-content ui-corner-all',
|
|
icon_search: 'ui-icon-search',
|
|
icon_reset: 'ui-icon-arrowreturnthick-1-w',
|
|
icon_query: 'ui-icon-comment'
|
|
},
|
|
subgrid: {
|
|
icon_plus: 'ui-icon-plus',
|
|
icon_minus: 'ui-icon-minus',
|
|
icon_open: 'ui-icon-carat-1-sw'
|
|
},
|
|
treegrid: {
|
|
icon_plus: 'ui-icon-triangle-1-',
|
|
icon_minus: 'ui-icon-triangle-1-s',
|
|
icon_leaf: 'ui-icon-radio-off'
|
|
},
|
|
fmatter: {
|
|
icon_edit: "ui-icon-pencil",
|
|
icon_add: "ui-icon-plus",
|
|
icon_save: "ui-icon-disk",
|
|
icon_cancel: "ui-icon-cancel",
|
|
icon_del: "ui-icon-trash"
|
|
},
|
|
colmenu: {
|
|
menu_widget: 'ui-widget ui-widget-content ui-corner-all',
|
|
input_checkbox: "ui-widget ui-widget-content",
|
|
filter_select: "ui-widget-content ui-corner-all",
|
|
filter_input: "ui-widget-content ui-corner-all",
|
|
icon_menu: "ui-icon-comment",
|
|
icon_sort_asc: "ui-icon-arrow-1-n",
|
|
icon_sort_desc: "ui-icon-arrow-1-s",
|
|
icon_columns: "ui-icon-extlink",
|
|
icon_filter: "ui-icon-calculator",
|
|
icon_group: "ui-icon-grip-solid-horizontal",
|
|
icon_freeze: "ui-icon-grip-solid-vertical",
|
|
icon_move: "ui-icon-arrow-4"
|
|
}
|
|
},
|
|
Bootstrap: {
|
|
common: {
|
|
disabled: "ui-disabled",
|
|
highlight: "success",
|
|
hover: "active",
|
|
cornerall: "",
|
|
cornertop: "",
|
|
cornerbottom: "",
|
|
hidden: "",
|
|
icon_base: "glyphicon",
|
|
overlay: "ui-overlay",
|
|
active: "active",
|
|
error: "bg-danger",
|
|
button: "btn btn-default",
|
|
content: ""
|
|
},
|
|
base: {
|
|
entrieBox: "",
|
|
viewBox: "table-responsive",
|
|
headerTable: "table table-bordered",
|
|
headerBox: "",
|
|
rowTable: "table table-bordered",
|
|
rowBox: "",
|
|
footerTable: "table table-bordered",
|
|
footerBox: "",
|
|
headerDiv: "",
|
|
gridtitleBox: "",
|
|
customtoolbarBox: "",
|
|
//overlayBox: "ui-overlay",
|
|
loadingBox: "row",
|
|
rownumBox: "",
|
|
scrollBox: "",
|
|
multiBox: "checkbox",
|
|
pagerBox: "",
|
|
pagerTable: "table",
|
|
toppagerBox: "",
|
|
pgInput: "form-control",
|
|
pgSelectBox: "form-control",
|
|
pgButtonBox: "",
|
|
icon_first: "glyphicon-step-backward",
|
|
icon_prev: "glyphicon-backward",
|
|
icon_next: "glyphicon-forward",
|
|
icon_end: "glyphicon-step-forward",
|
|
icon_asc: "glyphicon-triangle-top",
|
|
icon_desc: "glyphicon-triangle-bottom",
|
|
icon_caption_open: "glyphicon-circle-arrow-up",
|
|
icon_caption_close: "glyphicon-circle-arrow-down"
|
|
},
|
|
modal: {
|
|
modal: "modal-content",
|
|
header: "modal-header",
|
|
title: "modal-title",
|
|
content: "modal-body",
|
|
resizable: "ui-resizable-handle ui-resizable-se",
|
|
icon_close: "glyphicon-remove-circle",
|
|
icon_resizable: "glyphicon-import"
|
|
},
|
|
celledit: {
|
|
inputClass: 'form-control'
|
|
},
|
|
inlinedit: {
|
|
inputClass: 'form-control',
|
|
icon_edit_nav: "glyphicon-edit",
|
|
icon_add_nav: "glyphicon-plus",
|
|
icon_save_nav: "glyphicon-save",
|
|
icon_cancel_nav: "glyphicon-remove-circle"
|
|
},
|
|
formedit: {
|
|
inputClass: "form-control",
|
|
icon_prev: "glyphicon-step-backward",
|
|
icon_next: "glyphicon-step-forward",
|
|
icon_save: "glyphicon-save",
|
|
icon_close: "glyphicon-remove-circle",
|
|
icon_del: "glyphicon-trash",
|
|
icon_cancel: "glyphicon-remove-circle"
|
|
},
|
|
navigator: {
|
|
icon_edit_nav: "glyphicon-edit",
|
|
icon_add_nav: "glyphicon-plus",
|
|
icon_del_nav: "glyphicon-trash",
|
|
icon_search_nav: "glyphicon-search",
|
|
icon_refresh_nav: "glyphicon-refresh",
|
|
icon_view_nav: "glyphicon-info-sign",
|
|
icon_newbutton_nav: "glyphicon-new-window"
|
|
},
|
|
grouping: {
|
|
icon_plus: 'glyphicon-triangle-right',
|
|
icon_minus: 'glyphicon-triangle-bottom'
|
|
},
|
|
filter: {
|
|
table_widget: 'table table-condensed',
|
|
srSelect: 'form-control',
|
|
srInput: 'form-control',
|
|
menu_widget: '',
|
|
icon_search: 'glyphicon-search',
|
|
icon_reset: 'glyphicon-refresh',
|
|
icon_query: 'glyphicon-comment'
|
|
},
|
|
subgrid: {
|
|
icon_plus: 'glyphicon-triangle-right',
|
|
icon_minus: 'glyphicon-triangle-bottom',
|
|
icon_open: 'glyphicon-indent-left'
|
|
},
|
|
treegrid: {
|
|
icon_plus: 'glyphicon-triangle-right',
|
|
icon_minus: 'glyphicon-triangle-bottom',
|
|
icon_leaf: 'glyphicon-unchecked'
|
|
},
|
|
fmatter: {
|
|
icon_edit: "glyphicon-edit",
|
|
icon_add: "glyphicon-plus",
|
|
icon_save: "glyphicon-save",
|
|
icon_cancel: "glyphicon-remove-circle",
|
|
icon_del: "glyphicon-trash"
|
|
},
|
|
colmenu: {
|
|
menu_widget: '',
|
|
input_checkbox: "",
|
|
filter_select: "form-control",
|
|
filter_input: "form-control",
|
|
icon_menu: "glyphicon-menu-hamburger",
|
|
icon_sort_asc: "glyphicon-sort-by-alphabet",
|
|
icon_sort_desc: "glyphicon-sort-by-alphabet-alt",
|
|
icon_columns: "glyphicon-list-alt",
|
|
icon_filter: "glyphicon-filter",
|
|
icon_group: "glyphicon-align-left",
|
|
icon_freeze: "glyphicon-object-align-horizontal",
|
|
icon_move: "glyphicon-move"
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$.fn.jqGrid = function (pin) {
|
|
if (typeof pin === 'string') {
|
|
var fn = $.jgrid.getMethod(pin);
|
|
if (!fn) {
|
|
throw ("jqGrid - No such method: " + pin);
|
|
}
|
|
var args = $.makeArray(arguments).slice(1);
|
|
return fn.apply(this, args);
|
|
}
|
|
return this.each(function () {
|
|
if (this.grid) { return; }
|
|
var localData;
|
|
if (pin != null && pin.data !== undefined) {
|
|
localData = pin.data;
|
|
pin.data = [];
|
|
}
|
|
|
|
var p = $.extend(true, {
|
|
unwritten: true,
|
|
url: "",
|
|
height: 150,
|
|
page: 1,
|
|
rowNum: 20,
|
|
rowTotal: null,
|
|
records: 0,
|
|
pager: "",
|
|
pgbuttons: true,
|
|
pginput: true,
|
|
colModel: [],
|
|
rowList: [20,50, 100, 150,200,500,1000],
|
|
colNames: [],
|
|
sortorder: "asc",
|
|
sortname: "",
|
|
datatype: "xml",
|
|
mtype: "GET",
|
|
altRows: false,
|
|
selarrrow: [],
|
|
savedRow: [],
|
|
shrinkToFit: true,
|
|
xmlReader: {},
|
|
jsonReader: {},
|
|
subGrid: false,
|
|
subGridModel: [],
|
|
reccount: 0,
|
|
lastpage: 0,
|
|
lastsort: 0,
|
|
selrow: null,
|
|
beforeSelectRow: null,
|
|
onSelectRow: null,
|
|
onSortCol: null,
|
|
ondblClickRow: null,
|
|
onRightClickRow: null,
|
|
onPaging: null,
|
|
onSelectAll: null,
|
|
onInitGrid: null,
|
|
loadComplete: null,
|
|
gridComplete: null,
|
|
loadError: null,
|
|
loadBeforeSend: null,
|
|
afterInsertRow: null,
|
|
beforeRequest: null,
|
|
beforeProcessing: null,
|
|
onHeaderClick: null,
|
|
viewrecords: false,
|
|
loadonce: false,
|
|
multiselect: false,
|
|
multikey: false,
|
|
editurl: null,
|
|
search: false,
|
|
caption: "",
|
|
hidegrid: false,
|
|
hiddengrid: false,
|
|
postData: {},
|
|
userData: {},
|
|
treeGrid: false,
|
|
treeGridModel: 'nested',
|
|
treeReader: {},
|
|
treeANode: -1,
|
|
ExpandColumn: null,
|
|
tree_root_level: 0,
|
|
prmNames: {
|
|
page: "page",
|
|
rows: "rows",
|
|
sort: "sidx",
|
|
order: "sord",
|
|
search: "_search",
|
|
nd: "nd",
|
|
id: "id",
|
|
oper: "oper",
|
|
editoper: "edit",
|
|
addoper: "add",
|
|
deloper: "del",
|
|
subgridid: "id",
|
|
npage: null,
|
|
totalrows: "totalrows"
|
|
},
|
|
forceFit: false,
|
|
gridstate: "visible",
|
|
cellEdit: false,
|
|
cellsubmit: "remote",
|
|
nv: 0,
|
|
loadui: "enable",
|
|
toolbar: [false, ""],
|
|
scroll: false,
|
|
multiboxonly: false,
|
|
deselectAfterSort: true,
|
|
scrollrows: false,
|
|
autowidth: false,
|
|
scrollOffset: 18,
|
|
cellLayout: 5,
|
|
subGridWidth: 20,
|
|
multiselectWidth: 30,
|
|
gridview: true,
|
|
rownumWidth: 28,
|
|
rownumbers: false,
|
|
pagerpos: 'center',
|
|
recordpos: 'right',
|
|
footerrow: false,
|
|
userDataOnFooter: false,
|
|
hoverrows: true,
|
|
altclass: 'ui-priority-secondary',
|
|
viewsortcols: [false, 'vertical', true],
|
|
resizeclass: '',
|
|
autoencode: false,
|
|
remapColumns: [],
|
|
ajaxGridOptions: {},
|
|
direction: "ltr",
|
|
toppager: false,
|
|
headertitles: false,
|
|
scrollTimeout: 40,
|
|
data: [],
|
|
_index: {},
|
|
grouping: false,
|
|
groupingView: {
|
|
groupField: [],
|
|
groupOrder: [],
|
|
groupText: [],
|
|
groupColumnShow: [],
|
|
groupSummary: [],
|
|
showSummaryOnHide: false,
|
|
sortitems: [],
|
|
sortnames: [],
|
|
summary: [],
|
|
summaryval: [],
|
|
plusicon: '',
|
|
minusicon: '',
|
|
displayField: [],
|
|
groupSummaryPos: [],
|
|
formatDisplayField: [],
|
|
_locgr: false
|
|
},
|
|
ignoreCase: true,
|
|
cmTemplate: {},
|
|
idPrefix: "",
|
|
multiSort: false,
|
|
minColWidth: 33,
|
|
scrollPopUp: false,
|
|
scrollTopOffset: 0, // pixel
|
|
scrollLeftOffset: "100%", //percent
|
|
storeNavOptions: false,
|
|
regional: "en",
|
|
styleUI: "Bootstrap",
|
|
responsive: false,
|
|
restoreCellonFail: true,
|
|
colFilters: {},
|
|
colMenu: false
|
|
}, $.jgrid.defaults, pin);
|
|
if (localData !== undefined) {
|
|
p.data = localData;
|
|
pin.data = localData;
|
|
}
|
|
var ts = this, grid = {
|
|
headers: [],
|
|
cols: [],
|
|
footers: [],
|
|
dragStart: function (i, x, y) {
|
|
var gridLeftPos = $(this.bDiv).offset().left;
|
|
this.resizing = { idx: i, startX: x.pageX, sOL: x.pageX - gridLeftPos };
|
|
this.hDiv.style.cursor = "col-resize";
|
|
this.curGbox = $("#rs_m" + $.jgrid.jqID(p.id), "#gbox_" + $.jgrid.jqID(p.id));
|
|
this.curGbox.css({ display: "block", left: x.pageX - gridLeftPos, top: y[1], height: y[2] });
|
|
$(ts).triggerHandler("jqGridResizeStart", [x, i]);
|
|
if ($.isFunction(p.resizeStart)) { p.resizeStart.call(ts, x, i); }
|
|
document.onselectstart = function () { return false; };
|
|
},
|
|
dragMove: function (x) {
|
|
if (this.resizing) {
|
|
var diff = x.pageX - this.resizing.startX,
|
|
h = this.headers[this.resizing.idx],
|
|
newWidth = p.direction === "ltr" ? h.width + diff : h.width - diff, hn, nWn;
|
|
if (newWidth > 33) {
|
|
this.curGbox.css({ left: this.resizing.sOL + diff });
|
|
if (p.forceFit === true) {
|
|
hn = this.headers[this.resizing.idx + p.nv];
|
|
nWn = p.direction === "ltr" ? hn.width - diff : hn.width + diff;
|
|
if (nWn > p.minColWidth) {
|
|
h.newWidth = newWidth;
|
|
hn.newWidth = nWn;
|
|
}
|
|
} else {
|
|
this.newWidth = p.direction === "ltr" ? p.tblwidth + diff : p.tblwidth - diff;
|
|
h.newWidth = newWidth;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
dragEnd: function (events) {
|
|
this.hDiv.style.cursor = "default";
|
|
if (this.resizing) {
|
|
var idx = this.resizing.idx,
|
|
nw = this.headers[idx].newWidth || this.headers[idx].width;
|
|
nw = parseInt(nw, 10);
|
|
this.resizing = false;
|
|
$("#rs_m" + $.jgrid.jqID(p.id)).css("display", "none");
|
|
p.colModel[idx].width = nw;
|
|
this.headers[idx].width = nw;
|
|
this.headers[idx].el.style.width = nw + "px";
|
|
this.cols[idx].style.width = nw + "px";
|
|
if (this.footers.length > 0) { this.footers[idx].style.width = nw + "px"; }
|
|
if (p.forceFit === true) {
|
|
nw = this.headers[idx + p.nv].newWidth || this.headers[idx + p.nv].width;
|
|
this.headers[idx + p.nv].width = nw;
|
|
this.headers[idx + p.nv].el.style.width = nw + "px";
|
|
this.cols[idx + p.nv].style.width = nw + "px";
|
|
if (this.footers.length > 0) { this.footers[idx + p.nv].style.width = nw + "px"; }
|
|
p.colModel[idx + p.nv].width = nw;
|
|
} else {
|
|
p.tblwidth = this.newWidth || p.tblwidth;
|
|
$('table:first', this.bDiv).css("width", p.tblwidth + "px");
|
|
$('table:first', this.hDiv).css("width", p.tblwidth + "px");
|
|
this.hDiv.scrollLeft = this.bDiv.scrollLeft;
|
|
if (p.footerrow) {
|
|
$('table:first', this.sDiv).css("width", p.tblwidth + "px");
|
|
this.sDiv.scrollLeft = this.bDiv.scrollLeft;
|
|
}
|
|
}
|
|
if (events) {
|
|
$(ts).triggerHandler("jqGridResizeStop", [nw, idx]);
|
|
if ($.isFunction(p.resizeStop)) { p.resizeStop.call(ts, nw, idx); }
|
|
}
|
|
}
|
|
this.curGbox = null;
|
|
document.onselectstart = function () { return true; };
|
|
},
|
|
populateVisible: function () {
|
|
if (grid.timer) { clearTimeout(grid.timer); }
|
|
grid.timer = null;
|
|
var dh = $(grid.bDiv).height();
|
|
if (!dh) { return; }
|
|
var table = $("table:first", grid.bDiv);
|
|
var rows, rh;
|
|
if (table[0].rows.length) {
|
|
try {
|
|
rows = table[0].rows[1];
|
|
rh = rows ? $(rows).outerHeight() || grid.prevRowHeight : grid.prevRowHeight;
|
|
} catch (pv) {
|
|
rh = grid.prevRowHeight;
|
|
}
|
|
}
|
|
if (!rh) { return; }
|
|
grid.prevRowHeight = rh;
|
|
var rn = p.rowNum;
|
|
var scrollTop = grid.scrollTop = grid.bDiv.scrollTop;
|
|
var ttop = Math.round(table.position().top) - scrollTop;
|
|
var tbot = ttop + table.height();
|
|
var div = rh * rn;
|
|
var page, npage, empty;
|
|
if (tbot < dh && ttop <= 0 &&
|
|
(p.lastpage === undefined || (parseInt((tbot + scrollTop + div - 1) / div, 10) || 0) <= p.lastpage)) {
|
|
npage = parseInt((dh - tbot + div - 1) / div, 10) || 1;
|
|
if (tbot >= 0 || npage < 2 || p.scroll === true) {
|
|
page = (Math.round((tbot + scrollTop) / div) || 0) + 1;
|
|
ttop = -1;
|
|
} else {
|
|
ttop = 1;
|
|
}
|
|
}
|
|
if (ttop > 0) {
|
|
page = (parseInt(scrollTop / div, 10) || 0) + 1;
|
|
npage = (parseInt((scrollTop + dh) / div, 10) || 0) + 2 - page;
|
|
empty = true;
|
|
}
|
|
if (npage) {
|
|
if (p.lastpage && (page > p.lastpage || p.lastpage === 1 || (page === p.page && page === p.lastpage))) {
|
|
return;
|
|
}
|
|
if (grid.hDiv.loading) {
|
|
grid.timer = setTimeout(grid.populateVisible, p.scrollTimeout);
|
|
} else {
|
|
p.page = page;
|
|
if (empty) {
|
|
grid.selectionPreserver(table[0]);
|
|
grid.emptyRows.call(table[0], false, false);
|
|
}
|
|
grid.populate(npage);
|
|
}
|
|
if (p.scrollPopUp && p.lastpage != null) {
|
|
$("#scroll_g" + p.id).show().html($.jgrid.template($.jgrid.getRegional(ts, "defaults.pgtext", p.pgtext), p.page, p.lastpage)).css({ "top": p.scrollTopOffset + scrollTop * ((parseInt(p.height, 10) - 45) / (parseInt(rh, 10) * parseInt(p.records, 10))) + "px", "left": p.scrollLeftOffset });
|
|
$(this).mouseout(function () {
|
|
$("#scroll_g" + p.id).hide();
|
|
});
|
|
}
|
|
}
|
|
},
|
|
scrollGrid: function (e) {
|
|
if (p.scroll) {
|
|
var scrollTop = grid.bDiv.scrollTop;
|
|
if (grid.scrollTop === undefined) { grid.scrollTop = 0; }
|
|
if (scrollTop !== grid.scrollTop) {
|
|
grid.scrollTop = scrollTop;
|
|
if (grid.timer) { clearTimeout(grid.timer); }
|
|
grid.timer = setTimeout(grid.populateVisible, p.scrollTimeout);
|
|
}
|
|
}
|
|
grid.hDiv.scrollLeft = grid.bDiv.scrollLeft;
|
|
if (p.footerrow) {
|
|
grid.sDiv.scrollLeft = grid.bDiv.scrollLeft;
|
|
}
|
|
if (p.frozenColumns) {
|
|
$(grid.fbDiv).scrollTop(grid.bDiv.scrollTop);
|
|
}
|
|
if (e) { e.stopPropagation(); }
|
|
},
|
|
selectionPreserver: function (ts) {
|
|
var p = ts.p,
|
|
sr = p.selrow, sra = p.selarrrow ? $.makeArray(p.selarrrow) : null,
|
|
left = ts.grid.bDiv.scrollLeft,
|
|
restoreSelection = function () {
|
|
var i;
|
|
p.selrow = null;
|
|
p.selarrrow = [];
|
|
if (p.multiselect && sra && sra.length > 0) {
|
|
for (i = 0; i < sra.length; i++) {
|
|
if (sra[i] !== sr) {
|
|
$(ts).jqGrid("setSelection", sra[i], false, null);
|
|
}
|
|
}
|
|
}
|
|
if (sr) {
|
|
$(ts).jqGrid("setSelection", sr, false, null);
|
|
}
|
|
ts.grid.bDiv.scrollLeft = left;
|
|
$(ts).unbind('.selectionPreserver', restoreSelection);
|
|
};
|
|
$(ts).bind('jqGridGridComplete.selectionPreserver', restoreSelection);
|
|
}
|
|
};
|
|
if (this.tagName.toUpperCase() !== 'TABLE' || this.id == null) {
|
|
alert("元素不是表或没有id!");
|
|
return;
|
|
}
|
|
if (document.documentMode !== undefined) { // IE only
|
|
if (document.documentMode <= 5) {
|
|
alert("Grid can not be used in this ('quirks') mode!");
|
|
return;
|
|
}
|
|
}
|
|
var i = 0, lr, lk, dir;
|
|
for (lk in $.jgrid.regional) {
|
|
if ($.jgrid.regional.hasOwnProperty(lk)) {
|
|
if (i === 0) { lr = lk; }
|
|
i++;
|
|
}
|
|
}
|
|
if (i === 1 && lr !== p.regional) {
|
|
p.regional = lr;
|
|
}
|
|
$(this).empty().attr("tabindex", "0");
|
|
this.p = p;
|
|
this.p.useProp = !!$.fn.prop;
|
|
if (this.p.colNames.length === 0) {
|
|
for (i = 0; i < this.p.colModel.length; i++) {
|
|
this.p.colNames[i] = this.p.colModel[i].label || this.p.colModel[i].name;
|
|
}
|
|
}
|
|
if (this.p.colNames.length !== this.p.colModel.length) {
|
|
alert($.jgrid.getRegional(this, "errors.model"));
|
|
return;
|
|
}
|
|
var getstyle = $.jgrid.getMethod("getStyleUI"),
|
|
stylemodule = ts.p.styleUI + ".common",
|
|
disabled = getstyle(stylemodule, 'disabled', true),
|
|
highlight = getstyle(stylemodule, 'highlight', true),
|
|
hover = getstyle(stylemodule, 'hover', true),
|
|
cornerall = getstyle(stylemodule, 'cornerall', true),
|
|
iconbase = getstyle(stylemodule, 'icon_base', true),
|
|
colmenustyle = $.jgrid.styleUI[(ts.p.styleUI || 'jQueryUI')].colmenu,
|
|
isMSIE = $.jgrid.msie,
|
|
gv, sortarr = [], sortord = [], sotmp = [];
|
|
stylemodule = ts.p.styleUI + ".base";
|
|
gv = $("<div " + getstyle(stylemodule, 'viewBox', false, 'ui-jqgrid-view') + " role='grid'></div>");
|
|
ts.p.direction = $.trim(ts.p.direction.toLowerCase());
|
|
ts.p._ald = false;
|
|
if ($.inArray(ts.p.direction, ["ltr", "rtl"]) === -1) { ts.p.direction = "ltr"; }
|
|
dir = ts.p.direction;
|
|
|
|
$(gv).insertBefore(this);
|
|
$(this).appendTo(gv);
|
|
|
|
var eg = $("<div " + getstyle(stylemodule, 'entrieBox', false, 'ui-jqgrid') + "></div>");
|
|
$(eg).attr({ "id": "gbox_" + this.id, "dir": dir }).insertBefore(gv);
|
|
$(gv).attr("id", "gview_" + this.id).appendTo(eg);
|
|
$("<div " + getstyle(ts.p.styleUI + '.common', 'overlay', false, 'jqgrid-overlay') + " id='lui_" + this.id + "'></div>").insertBefore(gv);
|
|
$("<div " + getstyle(stylemodule, 'loadingBox', false, 'loading') + " id='load_" + this.id + "'>" + $.jgrid.getRegional(ts, "defaults.loadtext", this.p.loadtext) + "</div>").insertBefore(gv);
|
|
|
|
$(this).attr({ role: "presentation", "aria-multiselectable": !!this.p.multiselect, "aria-labelledby": "gbox_" + this.id });
|
|
|
|
var sortkeys = ["shiftKey", "altKey", "ctrlKey"],
|
|
intNum = function (val, defval) {
|
|
val = parseInt(val, 10);
|
|
if (isNaN(val)) { return defval || 0; }
|
|
return val;
|
|
},
|
|
formatCol = function (pos, rowInd, tv, rawObject, rowId, rdata) {
|
|
var cm = ts.p.colModel[pos], cellAttrFunc,
|
|
ral = cm.align, result = "style=\"", clas = cm.classes, nm = cm.name, celp, acp = [];
|
|
if (ral) { result += "text-align:" + ral + ";"; }
|
|
if (cm.hidden === true) { result += "display:none;"; }
|
|
if (rowInd === 0) {
|
|
result += "width: " + grid.headers[pos].width + "px;";
|
|
} else if ($.isFunction(cm.cellattr) || (typeof cm.cellattr === "string" && $.jgrid.cellattr != null && $.isFunction($.jgrid.cellattr[cm.cellattr]))) {
|
|
cellAttrFunc = $.isFunction(cm.cellattr) ? cm.cellattr : $.jgrid.cellattr[cm.cellattr];
|
|
celp = cellAttrFunc.call(ts, rowId, tv, rawObject, cm, rdata);
|
|
if (celp && typeof celp === "string") {
|
|
celp = celp.replace(/style/i, 'style').replace(/title/i, 'title');
|
|
if (celp.indexOf('title') > -1) { cm.title = false; }
|
|
if (celp.indexOf('class') > -1) { clas = undefined; }
|
|
acp = celp.replace(/\-style/g, '-sti').split(/style/);
|
|
if (acp.length === 2) {
|
|
acp[1] = $.trim(acp[1].replace(/\-sti/g, '-style').replace("=", ""));
|
|
if (acp[1].indexOf("'") === 0 || acp[1].indexOf('"') === 0) {
|
|
acp[1] = acp[1].substring(1);
|
|
}
|
|
result += acp[1].replace(/'/gi, '"');
|
|
} else {
|
|
result += "\"";
|
|
}
|
|
}
|
|
}
|
|
if (!acp.length) { acp[0] = ""; result += "\""; }
|
|
result += (clas !== undefined ? (" class=\"" + clas + "\"") : "") + ((cm.title && tv) ? (" title=\"" + $.jgrid.stripHtml(tv) + "\"") : "");
|
|
result += " aria-describedby=\"" + ts.p.id + "_" + nm + "\"";
|
|
return result + acp[0];
|
|
},
|
|
cellVal = function (val) {
|
|
return val == null || val === "" ? " " : (ts.p.autoencode ? $.jgrid.htmlEncode(val) : String(val));
|
|
},
|
|
formatter = function (rowId, cellval, colpos, rwdat, _act) {
|
|
var cm = ts.p.colModel[colpos], v;
|
|
if (cm.formatter !== undefined) {
|
|
rowId = String(ts.p.idPrefix) !== "" ? $.jgrid.stripPref(ts.p.idPrefix, rowId) : rowId;
|
|
var opts = { rowId: rowId, colModel: cm, gid: ts.p.id, pos: colpos, styleUI: ts.p.styleUI };
|
|
if ($.isFunction(cm.formatter)) {
|
|
v = cm.formatter.call(ts, cellval, opts, rwdat, _act);
|
|
} else if ($.fmatter) {
|
|
v = $.fn.fmatter.call(ts, cm.formatter, cellval, opts, rwdat, _act);
|
|
} else {
|
|
v = cellVal(cellval);
|
|
}
|
|
} else {
|
|
v = cellVal(cellval);
|
|
}
|
|
return v;
|
|
},
|
|
addCell = function (rowId, cell, pos, irow, srvr, rdata) {
|
|
var v, prp;
|
|
v = formatter(rowId, cell, pos, srvr, 'add');
|
|
prp = formatCol(pos, irow, v, srvr, rowId, rdata);
|
|
return "<td role=\"gridcell\" " + prp + ">" + v + "</td>";
|
|
},
|
|
addMulti = function (rowid, pos, irow, checked, uiclass) {
|
|
var v = "<input role=\"checkbox\" type=\"checkbox\"" + " id=\"jqg_" + ts.p.id + "_" + rowid + "\" " + uiclass + " name=\"jqg_" + ts.p.id + "_" + rowid + "\"" + (checked ? "checked=\"checked\"" : "") + "/>",
|
|
prp = formatCol(pos, irow, '', null, rowid, true);
|
|
return "<td role=\"gridcell\" " + prp + ">" + v + "</td>";
|
|
},
|
|
addRowNum = function (pos, irow, pG, rN, uiclass) {
|
|
var v = (parseInt(pG, 10) - 1) * parseInt(rN, 10) + 1 + irow,
|
|
prp = formatCol(pos, irow, v, null, irow, true);
|
|
return "<td role=\"gridcell\" " + uiclass + " " + prp + ">" + v + "</td>";
|
|
},
|
|
reader = function (datatype) {
|
|
var field, f = [], j = 0, i;
|
|
for (i = 0; i < ts.p.colModel.length; i++) {
|
|
field = ts.p.colModel[i];
|
|
if (field.name !== 'cb' && field.name !== 'subgrid' && field.name !== 'rn') {
|
|
f[j] = datatype === "local" ?
|
|
field.name :
|
|
((datatype === "xml" || datatype === "xmlstring") ? field.xmlmap || field.name : field.jsonmap || field.name);
|
|
if (ts.p.keyName !== false && field.key === true) {
|
|
ts.p.keyName = f[j];
|
|
}
|
|
j++;
|
|
}
|
|
}
|
|
return f;
|
|
},
|
|
orderedCols = function (offset) {
|
|
var order = ts.p.remapColumns;
|
|
if (!order || !order.length) {
|
|
order = $.map(ts.p.colModel, function (v, i) { return i; });
|
|
}
|
|
if (offset) {
|
|
order = $.map(order, function (v) { return v < offset ? null : v - offset; });
|
|
}
|
|
return order;
|
|
},
|
|
emptyRows = function (scroll, locdata) {
|
|
var firstrow;
|
|
if (this.p.deepempty) {
|
|
$(this.rows).slice(1).remove();
|
|
} else {
|
|
firstrow = this.rows.length > 0 ? this.rows[0] : null;
|
|
$(this.firstChild).empty().append(firstrow);
|
|
}
|
|
if (scroll && this.p.scroll) {
|
|
$(this.grid.bDiv.firstChild).css({ height: "auto" });
|
|
$(this.grid.bDiv.firstChild.firstChild).css({ height: "0px", display: "none" });
|
|
if (this.grid.bDiv.scrollTop !== 0) {
|
|
this.grid.bDiv.scrollTop = 0;
|
|
}
|
|
}
|
|
if (locdata === true && this.p.treeGrid && !this.p.loadonce) {
|
|
this.p.data = []; this.p._index = {};
|
|
}
|
|
},
|
|
normalizeData = function () {
|
|
var p = ts.p, data = p.data, dataLength = data.length, i, j, cur, idn, idr, ccur, v, rd,
|
|
localReader = p.localReader,
|
|
colModel = p.colModel,
|
|
cellName = localReader.cell,
|
|
iOffset = (p.multiselect === true ? 1 : 0) + (p.subGrid === true ? 1 : 0) + (p.rownumbers === true ? 1 : 0),
|
|
br = p.scroll ? $.jgrid.randId() : 1,
|
|
arrayReader, objectReader, rowReader;
|
|
|
|
if (p.datatype !== "local" || localReader.repeatitems !== true) {
|
|
return; // nothing to do
|
|
}
|
|
|
|
arrayReader = orderedCols(iOffset);
|
|
objectReader = reader("local");
|
|
// read ALL input items and convert items to be read by
|
|
// $.jgrid.getAccessor with column name as the second parameter
|
|
idn = p.keyIndex === false ?
|
|
($.isFunction(localReader.id) ? localReader.id.call(ts, data) : localReader.id) :
|
|
p.keyIndex;
|
|
for (i = 0; i < dataLength; i++) {
|
|
cur = data[i];
|
|
// read id in the same way like addJSONData do
|
|
// probably it would be better to start with "if (cellName) {...}"
|
|
// but the goal of the current implementation was just have THE SAME
|
|
// id values like in addJSONData ...
|
|
idr = $.jgrid.getAccessor(cur, idn);
|
|
if (idr === undefined) {
|
|
if (typeof idn === "number" && colModel[idn + iOffset] != null) {
|
|
// reread id by name
|
|
idr = $.jgrid.getAccessor(cur, colModel[idn + iOffset].name);
|
|
}
|
|
if (idr === undefined) {
|
|
idr = br + i;
|
|
if (cellName) {
|
|
ccur = $.jgrid.getAccessor(cur, cellName) || cur;
|
|
idr = ccur != null && ccur[idn] !== undefined ? ccur[idn] : idr;
|
|
ccur = null;
|
|
}
|
|
}
|
|
}
|
|
rd = {};
|
|
rd[localReader.id] = idr;
|
|
if (cellName) {
|
|
cur = $.jgrid.getAccessor(cur, cellName) || cur;
|
|
}
|
|
rowReader = $.isArray(cur) ? arrayReader : objectReader;
|
|
for (j = 0; j < rowReader.length; j++) {
|
|
v = $.jgrid.getAccessor(cur, rowReader[j]);
|
|
rd[colModel[j + iOffset].name] = v;
|
|
}
|
|
$.extend(true, data[i], rd);
|
|
}
|
|
},
|
|
refreshIndex = function () {
|
|
var datalen = ts.p.data.length, idname, i, val;
|
|
|
|
if (ts.p.keyName === false || ts.p.loadonce === true) {
|
|
idname = ts.p.localReader.id;
|
|
} else {
|
|
idname = ts.p.keyName;
|
|
}
|
|
ts.p._index = [];
|
|
for (i = 0; i < datalen; i++) {
|
|
val = $.jgrid.getAccessor(ts.p.data[i], idname);
|
|
if (val === undefined) { val = String(i + 1); }
|
|
ts.p._index[val] = i;
|
|
}
|
|
},
|
|
constructTr = function (id, hide, classes, rd, cur) {
|
|
var tabindex = '-1', restAttr = '', attrName, style = hide ? 'display:none;' : '',
|
|
//classes = getstyle(stylemodule, 'rowBox', true) + ts.p.direction + (altClass ? ' ' + altClass : '') + (selected ? ' ' + highlight : ''),
|
|
rowAttrObj = $(ts).triggerHandler("jqGridRowAttr", [rd, cur, id]);
|
|
if (typeof rowAttrObj !== "object") {
|
|
rowAttrObj = $.isFunction(ts.p.rowattr) ? ts.p.rowattr.call(ts, rd, cur, id) :
|
|
(typeof ts.p.rowattr === "string" && $.jgrid.rowattr != null && $.isFunction($.jgrid.rowattr[ts.p.rowattr]) ?
|
|
$.jgrid.rowattr[ts.p.rowattr].call(ts, rd, cur, id) : {});
|
|
}
|
|
if (!$.isEmptyObject(rowAttrObj)) {
|
|
if (rowAttrObj.hasOwnProperty("id")) {
|
|
id = rowAttrObj.id;
|
|
delete rowAttrObj.id;
|
|
}
|
|
if (rowAttrObj.hasOwnProperty("tabindex")) {
|
|
tabindex = rowAttrObj.tabindex;
|
|
delete rowAttrObj.tabindex;
|
|
}
|
|
if (rowAttrObj.hasOwnProperty("style")) {
|
|
style += rowAttrObj.style;
|
|
delete rowAttrObj.style;
|
|
}
|
|
if (rowAttrObj.hasOwnProperty("class")) {
|
|
classes += ' ' + rowAttrObj['class'];
|
|
delete rowAttrObj['class'];
|
|
}
|
|
// dot't allow to change role attribute
|
|
try { delete rowAttrObj.role; } catch (ra) { }
|
|
for (attrName in rowAttrObj) {
|
|
if (rowAttrObj.hasOwnProperty(attrName)) {
|
|
restAttr += ' ' + attrName + '=' + rowAttrObj[attrName];
|
|
}
|
|
}
|
|
}
|
|
return '<tr role="row" id="' + id + '" tabindex="' + tabindex + '" class="' + classes + '"' +
|
|
(style === '' ? '' : ' style="' + style + '"') + restAttr + '>';
|
|
},
|
|
addXmlData = function (xml, rcnt, more, adjust) {
|
|
var startReq = new Date(),
|
|
locdata = (ts.p.datatype !== "local" && ts.p.loadonce) || ts.p.datatype === "xmlstring",
|
|
xmlid = "_id_", xmlRd = ts.p.xmlReader,
|
|
frd = ts.p.datatype === "local" ? "local" : "xml";
|
|
if (locdata) {
|
|
ts.p.data = [];
|
|
ts.p._index = {};
|
|
ts.p.localReader.id = xmlid;
|
|
}
|
|
ts.p.reccount = 0;
|
|
if ($.isXMLDoc(xml)) {
|
|
if (ts.p.treeANode === -1 && !ts.p.scroll) {
|
|
emptyRows.call(ts, false, true);
|
|
rcnt = 1;
|
|
} else { rcnt = rcnt > 1 ? rcnt : 1; }
|
|
} else { return; }
|
|
var self = $(ts), i, fpos, ir = 0, v, gi = ts.p.multiselect === true ? 1 : 0, si = 0, addSubGridCell, ni = ts.p.rownumbers === true ? 1 : 0, idn, getId, f = [], F, rd = {},
|
|
xmlr, rid, rowData = [], cn = (ts.p.altRows === true) ? ts.p.altclass : "",
|
|
cn1 = getstyle(stylemodule, 'rowBox', true, 'jqgrow ui-row-' + ts.p.direction), classes;
|
|
if (ts.p.subGrid === true) {
|
|
si = 1;
|
|
addSubGridCell = $.jgrid.getMethod("addSubGridCell");
|
|
}
|
|
if (!xmlRd.repeatitems) { f = reader(frd); }
|
|
if (ts.p.keyName === false) {
|
|
idn = $.isFunction(xmlRd.id) ? xmlRd.id.call(ts, xml) : xmlRd.id;
|
|
} else {
|
|
idn = ts.p.keyName;
|
|
}
|
|
if (String(idn).indexOf("[") === -1) {
|
|
if (f.length) {
|
|
getId = function (trow, k) { return $(idn, trow).text() || k; };
|
|
} else {
|
|
getId = function (trow, k) { return $(xmlRd.cell, trow).eq(idn).text() || k; };
|
|
}
|
|
}
|
|
else {
|
|
getId = function (trow, k) { return trow.getAttribute(idn.replace(/[\[\]]/g, "")) || k; };
|
|
}
|
|
ts.p.userData = {};
|
|
ts.p.page = intNum($.jgrid.getXmlData(xml, xmlRd.page), ts.p.page);
|
|
ts.p.lastpage = intNum($.jgrid.getXmlData(xml, xmlRd.total), 1);
|
|
ts.p.records = intNum($.jgrid.getXmlData(xml, xmlRd.records));
|
|
if ($.isFunction(xmlRd.userdata)) {
|
|
ts.p.userData = xmlRd.userdata.call(ts, xml) || {};
|
|
} else {
|
|
$.jgrid.getXmlData(xml, xmlRd.userdata, true).each(function () { ts.p.userData[this.getAttribute("name")] = $(this).text(); });
|
|
}
|
|
var gxml = $.jgrid.getXmlData(xml, xmlRd.root, true);
|
|
gxml = $.jgrid.getXmlData(gxml, xmlRd.row, true);
|
|
if (!gxml) { gxml = []; }
|
|
var gl = gxml.length, j = 0, grpdata = [], rn = parseInt(ts.p.rowNum, 10), br = ts.p.scroll ? $.jgrid.randId() : 1, altr,
|
|
tablebody = $("#" + $.jgrid.jqID(ts.p.id) + " tbody:first");
|
|
if (gl > 0 && ts.p.page <= 0) { ts.p.page = 1; }
|
|
if (gxml && gl) {
|
|
if (adjust) { rn *= adjust + 1; }
|
|
var afterInsRow = $.isFunction(ts.p.afterInsertRow), hiderow = false, groupingPrepare,
|
|
rnc = ni ? getstyle(stylemodule, 'rownumBox', false, 'jqgrid-rownum') : "",
|
|
mlc = gi ? getstyle(stylemodule, 'multiBox', false, 'cbox') : "";
|
|
if (ts.p.grouping) {
|
|
hiderow = ts.p.groupingView.groupCollapse === true;
|
|
groupingPrepare = $.jgrid.getMethod("groupingPrepare");
|
|
}
|
|
while (j < gl) {
|
|
xmlr = gxml[j];
|
|
rid = getId(xmlr, br + j);
|
|
rid = ts.p.idPrefix + rid;
|
|
altr = rcnt === 0 ? 0 : rcnt + 1;
|
|
classes = cn1 + ((altr + j) % 2 === 1 ? ' ' + cn : '');
|
|
var iStartTrTag = rowData.length;
|
|
rowData.push("");
|
|
if (ni) {
|
|
rowData.push(addRowNum(0, j, ts.p.page, ts.p.rowNum, rnc));
|
|
}
|
|
if (gi) {
|
|
rowData.push(addMulti(rid, ni, j, false, mlc));
|
|
}
|
|
if (si) {
|
|
rowData.push(addSubGridCell.call(self, gi + ni, j + rcnt));
|
|
}
|
|
if (xmlRd.repeatitems) {
|
|
if (!F) { F = orderedCols(gi + si + ni); }
|
|
var cells = $.jgrid.getXmlData(xmlr, xmlRd.cell, true);
|
|
$.each(F, function (k) {
|
|
var cell = cells[this];
|
|
if (!cell) { return false; }
|
|
v = cell.textContent || cell.text;
|
|
rd[ts.p.colModel[k + gi + si + ni].name] = v;
|
|
rowData.push(addCell(rid, v, k + gi + si + ni, j + rcnt, xmlr, rd));
|
|
});
|
|
} else {
|
|
for (i = 0; i < f.length; i++) {
|
|
v = $.jgrid.getXmlData(xmlr, f[i]);
|
|
rd[ts.p.colModel[i + gi + si + ni].name] = v;
|
|
rowData.push(addCell(rid, v, i + gi + si + ni, j + rcnt, xmlr, rd));
|
|
}
|
|
}
|
|
rowData[iStartTrTag] = constructTr(rid, hiderow, classes, rd, xmlr);
|
|
rowData.push("</tr>");
|
|
if (ts.p.grouping) {
|
|
grpdata.push(rowData);
|
|
if (!ts.p.groupingView._locgr) {
|
|
groupingPrepare.call(self, rd, j);
|
|
}
|
|
rowData = [];
|
|
}
|
|
if (locdata || (ts.p.treeGrid === true && !(ts.p._ald))) {
|
|
rd[xmlid] = $.jgrid.stripPref(ts.p.idPrefix, rid);
|
|
ts.p.data.push(rd);
|
|
ts.p._index[rd[xmlid]] = ts.p.data.length - 1;
|
|
}
|
|
if (ts.p.gridview === false) {
|
|
tablebody.append(rowData.join(''));
|
|
self.triggerHandler("jqGridAfterInsertRow", [rid, rd, xmlr]);
|
|
if (afterInsRow) { ts.p.afterInsertRow.call(ts, rid, rd, xmlr); }
|
|
rowData = [];
|
|
}
|
|
rd = {};
|
|
ir++;
|
|
j++;
|
|
if (ir === rn) { break; }
|
|
}
|
|
}
|
|
if (ts.p.gridview === true) {
|
|
fpos = ts.p.treeANode > -1 ? ts.p.treeANode : 0;
|
|
if (ts.p.grouping) {
|
|
if (!locdata) {
|
|
self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
|
|
grpdata = null;
|
|
}
|
|
} else if (ts.p.treeGrid === true && fpos > 0) {
|
|
$(ts.rows[fpos]).after(rowData.join(''));
|
|
} else {
|
|
//$("tbody:first",t).append(rowData.join(''));
|
|
tablebody.append(rowData.join(''));
|
|
ts.grid.cols = ts.rows[0].cells; // update cached first row
|
|
}
|
|
}
|
|
ts.p.totaltime = new Date() - startReq;
|
|
rowData = null;
|
|
if (ts.p.subGrid === true) {
|
|
try { self.jqGrid("addSubGrid", gi + ni); } catch (_) { }
|
|
}
|
|
if (ir > 0) { if (ts.p.records === 0) { ts.p.records = gl; } }
|
|
if (ts.p.treeGrid === true) {
|
|
try { self.jqGrid("setTreeNode", fpos + 1, ir + fpos + 1); } catch (e) { }
|
|
}
|
|
//if(!ts.p.treeGrid && !ts.p.scroll) {ts.grid.bDiv.scrollTop = 0;}
|
|
ts.p.reccount = ir;
|
|
ts.p.treeANode = -1;
|
|
if (ts.p.userDataOnFooter) { self.jqGrid("footerData", "set", ts.p.userData, true); }
|
|
if (locdata) {
|
|
ts.p.records = gl;
|
|
ts.p.lastpage = Math.ceil(gl / rn);
|
|
}
|
|
if (!more) { ts.updatepager(false, true); }
|
|
if (locdata) {
|
|
while (ir < gl) {
|
|
xmlr = gxml[ir];
|
|
rid = getId(xmlr, ir + br);
|
|
rid = ts.p.idPrefix + rid;
|
|
if (xmlRd.repeatitems) {
|
|
if (!F) { F = orderedCols(gi + si + ni); }
|
|
var cells2 = $.jgrid.getXmlData(xmlr, xmlRd.cell, true);
|
|
$.each(F, function (k) {
|
|
var cell = cells2[this];
|
|
if (!cell) { return false; }
|
|
v = cell.textContent || cell.text;
|
|
rd[ts.p.colModel[k + gi + si + ni].name] = v;
|
|
});
|
|
} else {
|
|
for (i = 0; i < f.length; i++) {
|
|
v = $.jgrid.getXmlData(xmlr, f[i]);
|
|
rd[ts.p.colModel[i + gi + si + ni].name] = v;
|
|
}
|
|
}
|
|
rd[xmlid] = $.jgrid.stripPref(ts.p.idPrefix, rid);
|
|
if (ts.p.grouping) {
|
|
groupingPrepare.call(self, rd, ir);
|
|
}
|
|
ts.p.data.push(rd);
|
|
ts.p._index[rd[xmlid]] = ts.p.data.length - 1;
|
|
rd = {};
|
|
ir++;
|
|
}
|
|
if (ts.p.grouping) {
|
|
ts.p.groupingView._locgr = true;
|
|
self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
|
|
grpdata = null;
|
|
}
|
|
}
|
|
},
|
|
addJSONData = function (data, rcnt, more, adjust) {
|
|
var startReq = new Date();
|
|
if (data) {
|
|
if (ts.p.treeANode === -1 && !ts.p.scroll) {
|
|
emptyRows.call(ts, false, true);
|
|
rcnt = 1;
|
|
} else { rcnt = rcnt > 1 ? rcnt : 1; }
|
|
} else { return; }
|
|
|
|
var dReader, locid = "_id_", frd,
|
|
locdata = (ts.p.datatype !== "local" && ts.p.loadonce) || ts.p.datatype === "jsonstring";
|
|
if (locdata) { ts.p.data = []; ts.p._index = {}; ts.p.localReader.id = locid; }
|
|
ts.p.reccount = 0;
|
|
if (ts.p.datatype === "local") {
|
|
dReader = ts.p.localReader;
|
|
frd = 'local';
|
|
} else {
|
|
dReader = ts.p.jsonReader;
|
|
frd = 'json';
|
|
}
|
|
var self = $(ts), ir = 0, v, i, j, f = [], cur, gi = ts.p.multiselect ? 1 : 0, si = ts.p.subGrid === true ? 1 : 0, addSubGridCell, ni = ts.p.rownumbers === true ? 1 : 0, arrayReader = orderedCols(gi + si + ni), objectReader = reader(frd), rowReader, len, drows, idn, rd = {}, fpos, idr, rowData = [], cn = (ts.p.altRows === true) ? ts.p.altclass : "",
|
|
cn1 = getstyle(stylemodule, 'rowBox', true, 'jqgrow ui-row-' + ts.p.direction), classes;
|
|
ts.p.page = intNum($.jgrid.getAccessor(data, dReader.page), ts.p.page);
|
|
ts.p.lastpage = intNum($.jgrid.getAccessor(data, dReader.total), 1);
|
|
ts.p.records = intNum($.jgrid.getAccessor(data, dReader.records));
|
|
ts.p.userData = $.jgrid.getAccessor(data, dReader.userdata) || {};
|
|
if (si) {
|
|
addSubGridCell = $.jgrid.getMethod("addSubGridCell");
|
|
}
|
|
if (ts.p.keyName === false) {
|
|
idn = $.isFunction(dReader.id) ? dReader.id.call(ts, data) : dReader.id;
|
|
} else {
|
|
idn = ts.p.keyName;
|
|
}
|
|
drows = $.jgrid.getAccessor(data, dReader.root);
|
|
if (drows == null && $.isArray(data)) { drows = data; }
|
|
if (!drows) { drows = []; }
|
|
len = drows.length; i = 0;
|
|
if (len > 0 && ts.p.page <= 0) { ts.p.page = 1; }
|
|
var rn = parseInt(ts.p.rowNum, 10), br = ts.p.scroll ? $.jgrid.randId() : 1, altr, selected = false, selr;
|
|
if (adjust) { rn *= adjust + 1; }
|
|
if (ts.p.datatype === "local" && !ts.p.deselectAfterSort) {
|
|
selected = true;
|
|
}
|
|
var afterInsRow = $.isFunction(ts.p.afterInsertRow), grpdata = [], hiderow = false, groupingPrepare,
|
|
tablebody = $("#" + $.jgrid.jqID(ts.p.id) + " tbody:first"),
|
|
rnc = ni ? getstyle(stylemodule, 'rownumBox', false, 'jqgrid-rownum') : "",
|
|
mlc = gi ? getstyle(stylemodule, 'multiBox', false, 'cbox') : "";
|
|
if (ts.p.grouping) {
|
|
hiderow = ts.p.groupingView.groupCollapse === true;
|
|
groupingPrepare = $.jgrid.getMethod("groupingPrepare");
|
|
}
|
|
while (i < len) {
|
|
cur = drows[i];
|
|
idr = $.jgrid.getAccessor(cur, idn);
|
|
if (idr === undefined) {
|
|
if (typeof idn === "number" && ts.p.colModel[idn + gi + si + ni] != null) {
|
|
// reread id by name
|
|
idr = $.jgrid.getAccessor(cur, ts.p.colModel[idn + gi + si + ni].name);
|
|
}
|
|
if (idr === undefined) {
|
|
idr = br + i;
|
|
if (f.length === 0) {
|
|
if (dReader.cell) {
|
|
var ccur = $.jgrid.getAccessor(cur, dReader.cell) || cur;
|
|
idr = ccur != null && ccur[idn] !== undefined ? ccur[idn] : idr;
|
|
ccur = null;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
idr = ts.p.idPrefix + idr;
|
|
altr = rcnt === 1 ? 0 : rcnt;
|
|
classes = cn1 + ((altr + i) % 2 === 1 ? ' ' + cn : '');
|
|
if (selected) {
|
|
if (ts.p.multiselect) {
|
|
selr = ($.inArray(idr, ts.p.selarrrow) !== -1);
|
|
} else {
|
|
selr = (idr === ts.p.selrow);
|
|
}
|
|
}
|
|
var iStartTrTag = rowData.length;
|
|
rowData.push("");
|
|
if (ni) {
|
|
rowData.push(addRowNum(0, i, ts.p.page, ts.p.rowNum, rnc));
|
|
}
|
|
if (gi) {
|
|
rowData.push(addMulti(idr, ni, i, selr, mlc));
|
|
}
|
|
if (si) {
|
|
rowData.push(addSubGridCell.call(self, gi + ni, i + rcnt));
|
|
}
|
|
rowReader = objectReader;
|
|
if (dReader.repeatitems) {
|
|
if (dReader.cell) { cur = $.jgrid.getAccessor(cur, dReader.cell) || cur; }
|
|
if ($.isArray(cur)) { rowReader = arrayReader; }
|
|
}
|
|
for (j = 0; j < rowReader.length; j++) {
|
|
v = $.jgrid.getAccessor(cur, rowReader[j]);
|
|
rd[ts.p.colModel[j + gi + si + ni].name] = v;
|
|
rowData.push(addCell(idr, v, j + gi + si + ni, i + rcnt, cur, rd));
|
|
}
|
|
classes += (selr ? ' ' + highlight : '');
|
|
rowData[iStartTrTag] = constructTr(idr, hiderow, classes, rd, cur);
|
|
rowData.push("</tr>");
|
|
if (ts.p.grouping) {
|
|
grpdata.push(rowData);
|
|
if (!ts.p.groupingView._locgr) {
|
|
groupingPrepare.call(self, rd, i);
|
|
}
|
|
rowData = [];
|
|
}
|
|
if (locdata || (ts.p.treeGrid === true && !(ts.p._ald))) {
|
|
rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
|
|
ts.p.data.push(rd);
|
|
ts.p._index[rd[locid]] = ts.p.data.length - 1;
|
|
}
|
|
if (ts.p.gridview === false) {
|
|
tablebody.append(rowData.join(''));
|
|
self.triggerHandler("jqGridAfterInsertRow", [idr, rd, cur]);
|
|
if (afterInsRow) { ts.p.afterInsertRow.call(ts, idr, rd, cur); }
|
|
rowData = [];//ari=0;
|
|
}
|
|
rd = {};
|
|
ir++;
|
|
i++;
|
|
if (ir === rn) { break; }
|
|
}
|
|
if (ts.p.gridview === true) {
|
|
fpos = ts.p.treeANode > -1 ? ts.p.treeANode : 0;
|
|
if (ts.p.grouping) {
|
|
if (!locdata) {
|
|
self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
|
|
grpdata = null;
|
|
}
|
|
} else if (ts.p.treeGrid === true && fpos > 0) {
|
|
$(ts.rows[fpos]).after(rowData.join(''));
|
|
} else {
|
|
tablebody.append(rowData.join(''));
|
|
ts.grid.cols = ts.rows[0].cells;
|
|
}
|
|
}
|
|
ts.p.totaltime = new Date() - startReq;
|
|
rowData = null;
|
|
if (ts.p.subGrid === true) {
|
|
try { self.jqGrid("addSubGrid", gi + ni); } catch (_) { }
|
|
}
|
|
if (ir > 0) {
|
|
if (ts.p.records === 0) { ts.p.records = len; }
|
|
}
|
|
if (ts.p.treeGrid === true) {
|
|
try { self.jqGrid("setTreeNode", fpos + 1, ir + fpos + 1); } catch (e) { }
|
|
}
|
|
//if(!ts.p.treeGrid && !ts.p.scroll) {ts.grid.bDiv.scrollTop = 0;}
|
|
ts.p.reccount = ir;
|
|
ts.p.treeANode = -1;
|
|
if (ts.p.userDataOnFooter) { self.jqGrid("footerData", "set", ts.p.userData, true); }
|
|
if (locdata) {
|
|
ts.p.records = len;
|
|
ts.p.lastpage = Math.ceil(len / rn);
|
|
}
|
|
if (!more) { ts.updatepager(false, true); }
|
|
if (locdata) {
|
|
while (ir < len && drows[ir]) {
|
|
cur = drows[ir];
|
|
idr = $.jgrid.getAccessor(cur, idn);
|
|
if (idr === undefined) {
|
|
if (typeof idn === "number" && ts.p.colModel[idn + gi + si + ni] != null) {
|
|
// reread id by name
|
|
idr = $.jgrid.getAccessor(cur, ts.p.colModel[idn + gi + si + ni].name);
|
|
}
|
|
if (idr === undefined) {
|
|
idr = br + ir;
|
|
if (f.length === 0) {
|
|
if (dReader.cell) {
|
|
var ccur2 = $.jgrid.getAccessor(cur, dReader.cell) || cur;
|
|
idr = ccur2 != null && ccur2[idn] !== undefined ? ccur2[idn] : idr;
|
|
ccur2 = null;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (cur) {
|
|
idr = ts.p.idPrefix + idr;
|
|
rowReader = objectReader;
|
|
if (dReader.repeatitems) {
|
|
if (dReader.cell) { cur = $.jgrid.getAccessor(cur, dReader.cell) || cur; }
|
|
if ($.isArray(cur)) { rowReader = arrayReader; }
|
|
}
|
|
|
|
for (j = 0; j < rowReader.length; j++) {
|
|
rd[ts.p.colModel[j + gi + si + ni].name] = $.jgrid.getAccessor(cur, rowReader[j]);
|
|
}
|
|
rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
|
|
if (ts.p.grouping) {
|
|
groupingPrepare.call(self, rd, ir);
|
|
}
|
|
ts.p.data.push(rd);
|
|
ts.p._index[rd[locid]] = ts.p.data.length - 1;
|
|
rd = {};
|
|
}
|
|
ir++;
|
|
}
|
|
if (ts.p.grouping) {
|
|
ts.p.groupingView._locgr = true;
|
|
self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
|
|
grpdata = null;
|
|
}
|
|
}
|
|
},
|
|
addLocalData = function () {
|
|
var st = ts.p.multiSort ? [] : "", sto = [], fndsort = false, cmtypes = {}, grtypes = [], grindexes = [], srcformat, sorttype, newformat, sfld;
|
|
if (!$.isArray(ts.p.data)) {
|
|
return;
|
|
}
|
|
var grpview = ts.p.grouping ? ts.p.groupingView : false, lengrp, gin, si;
|
|
$.each(ts.p.colModel, function () {
|
|
sorttype = this.sorttype || "text";
|
|
si = this.index || this.name;
|
|
if (sorttype === "date" || sorttype === "datetime") {
|
|
if (this.formatter && typeof this.formatter === 'string' && this.formatter === 'date') {
|
|
if (this.formatoptions && this.formatoptions.srcformat) {
|
|
srcformat = this.formatoptions.srcformat;
|
|
} else {
|
|
srcformat = $.jgrid.getRegional(ts, "formatter.date.srcformat");
|
|
}
|
|
if (this.formatoptions && this.formatoptions.newformat) {
|
|
newformat = this.formatoptions.newformat;
|
|
} else {
|
|
newformat = $.jgrid.getRegional(ts, "formatter.date.newformat");
|
|
}
|
|
} else {
|
|
srcformat = newformat = this.datefmt || "Y-m-d";
|
|
}
|
|
cmtypes[si] = { "stype": sorttype, "srcfmt": srcformat, "newfmt": newformat, "sfunc": this.sortfunc || null };
|
|
} else {
|
|
cmtypes[si] = { "stype": sorttype, "srcfmt": '', "newfmt": '', "sfunc": this.sortfunc || null };
|
|
}
|
|
if (ts.p.grouping) {
|
|
for (gin = 0, lengrp = grpview.groupField.length; gin < lengrp; gin++) {
|
|
if (this.name === grpview.groupField[gin]) {
|
|
grtypes[gin] = cmtypes[si];
|
|
grindexes[gin] = si;
|
|
}
|
|
}
|
|
}
|
|
if (!ts.p.multiSort) {
|
|
if (!fndsort && (si === ts.p.sortname)) {
|
|
st = si;
|
|
fndsort = true;
|
|
}
|
|
}
|
|
});
|
|
if (ts.p.multiSort) {
|
|
st = sortarr;
|
|
sto = sortord;
|
|
}
|
|
if (ts.p.treeGrid && ts.p._sort) {
|
|
$(ts).jqGrid("SortTree", st, ts.p.sortorder, cmtypes[st].stype || 'text', cmtypes[st].srcfmt || '');
|
|
return;
|
|
}
|
|
var compareFnMap = {
|
|
'eq': function (queryObj) { return queryObj.equals; },
|
|
'ne': function (queryObj) { return queryObj.notEquals; },
|
|
'lt': function (queryObj) { return queryObj.less; },
|
|
'le': function (queryObj) { return queryObj.lessOrEquals; },
|
|
'gt': function (queryObj) { return queryObj.greater; },
|
|
'ge': function (queryObj) { return queryObj.greaterOrEquals; },
|
|
'cn': function (queryObj) { return queryObj.contains; },
|
|
'nc': function (queryObj, op) { return op === "OR" ? queryObj.orNot().contains : queryObj.andNot().contains; },
|
|
'bw': function (queryObj) { return queryObj.startsWith; },
|
|
'bn': function (queryObj, op) { return op === "OR" ? queryObj.orNot().startsWith : queryObj.andNot().startsWith; },
|
|
'en': function (queryObj, op) { return op === "OR" ? queryObj.orNot().endsWith : queryObj.andNot().endsWith; },
|
|
'ew': function (queryObj) { return queryObj.endsWith; },
|
|
'ni': function (queryObj, op) { return op === "OR" ? queryObj.orNot().equals : queryObj.andNot().equals; },
|
|
'in': function (queryObj) { return queryObj.equals; },
|
|
'nu': function (queryObj) { return queryObj.isNull; },
|
|
'nn': function (queryObj, op) { return op === "OR" ? queryObj.orNot().isNull : queryObj.andNot().isNull; }
|
|
|
|
},
|
|
query = $.jgrid.from.call(ts, ts.p.data);
|
|
if (ts.p.ignoreCase) { query = query.ignoreCase(); }
|
|
function tojLinq(group) {
|
|
var s = 0, index, gor, ror, opr, rule, fld;
|
|
if (group.groups != null) {
|
|
gor = group.groups.length && group.groupOp.toString().toUpperCase() === "OR";
|
|
if (gor) {
|
|
query.orBegin();
|
|
}
|
|
for (index = 0; index < group.groups.length; index++) {
|
|
if (s > 0 && gor) {
|
|
query.or();
|
|
}
|
|
try {
|
|
tojLinq(group.groups[index]);
|
|
} catch (e) { alert(e); }
|
|
s++;
|
|
}
|
|
if (gor) {
|
|
query.orEnd();
|
|
}
|
|
}
|
|
if (group.rules != null) {
|
|
//if(s>0) {
|
|
// var result = query.select();
|
|
// query = $.jgrid.from( result);
|
|
// if (ts.p.ignoreCase) { query = query.ignoreCase(); }
|
|
//}
|
|
try {
|
|
ror = group.rules.length && group.groupOp.toString().toUpperCase() === "OR";
|
|
if (ror) {
|
|
query.orBegin();
|
|
}
|
|
for (index = 0; index < group.rules.length; index++) {
|
|
rule = group.rules[index];
|
|
opr = group.groupOp.toString().toUpperCase();
|
|
if (compareFnMap[rule.op] && rule.field) {
|
|
if (s > 0 && opr && opr === "OR") {
|
|
query = query.or();
|
|
}
|
|
fld = cmtypes[rule.field];
|
|
if (fld.stype === 'date') {
|
|
if (fld.srcfmt && fld.newfmt && fld.srcfmt !== fld.newfmt) {
|
|
rule.data = $.jgrid.parseDate.call(ts, fld.newfmt, rule.data, fld.srcfmt);
|
|
}
|
|
}
|
|
query = compareFnMap[rule.op](query, opr)(rule.field, rule.data, cmtypes[rule.field]);
|
|
}
|
|
s++;
|
|
}
|
|
if (ror) {
|
|
query.orEnd();
|
|
}
|
|
} catch (g) { alert(g); }
|
|
}
|
|
}
|
|
|
|
if (ts.p.search === true) {
|
|
var srules = ts.p.postData.filters;
|
|
if (srules) {
|
|
if (typeof srules === "string") { srules = $.jgrid.parse(srules); }
|
|
tojLinq(srules);
|
|
} else {
|
|
try {
|
|
sfld = cmtypes[ts.p.postData.searchField];
|
|
if (sfld.stype === 'date') {
|
|
if (sfld.srcfmt && sfld.newfmt && sfld.srcfmt !== sfld.newfmt) {
|
|
ts.p.postData.searchString = $.jgrid.parseDate.call(ts, sfld.newfmt, ts.p.postData.searchString, sfld.srcfmt);
|
|
}
|
|
}
|
|
query = compareFnMap[ts.p.postData.searchOper](query)(ts.p.postData.searchField, ts.p.postData.searchString, cmtypes[ts.p.postData.searchField]);
|
|
} catch (se) { }
|
|
}
|
|
} else {
|
|
if (ts.p.treeGrid && ts.p.treeGridModel === "nested") {
|
|
query.orderBy(ts.p.treeReader.left_field, 'asc', 'integer', '', null);
|
|
}
|
|
}
|
|
if (ts.p.treeGrid && ts.p.treeGridModel === "adjacency") {
|
|
lengrp = 0;
|
|
st = null;
|
|
}
|
|
if (ts.p.grouping) {
|
|
for (gin = 0; gin < lengrp; gin++) {
|
|
query.orderBy(grindexes[gin], grpview.groupOrder[gin], grtypes[gin].stype, grtypes[gin].srcfmt);
|
|
}
|
|
}
|
|
if (ts.p.multiSort) {
|
|
$.each(st, function (i) {
|
|
query.orderBy(this, sto[i], cmtypes[this].stype, cmtypes[this].srcfmt, cmtypes[this].sfunc);
|
|
});
|
|
} else {
|
|
if (st && ts.p.sortorder && fndsort) {
|
|
// to be fixed in case sortname has more than one field
|
|
if (ts.p.sortorder.toUpperCase() === "DESC") {
|
|
query.orderBy(ts.p.sortname, "d", cmtypes[st].stype, cmtypes[st].srcfmt, cmtypes[st].sfunc);
|
|
} else {
|
|
query.orderBy(ts.p.sortname, "a", cmtypes[st].stype, cmtypes[st].srcfmt, cmtypes[st].sfunc);
|
|
}
|
|
}
|
|
}
|
|
var queryResults = query.select(),
|
|
recordsperpage = parseInt(ts.p.rowNum, 10),
|
|
total = queryResults.length,
|
|
page = parseInt(ts.p.page, 10),
|
|
totalpages = Math.ceil(total / recordsperpage),
|
|
retresult = {};
|
|
if ((ts.p.search || ts.p.resetsearch) && ts.p.grouping && ts.p.groupingView._locgr) {
|
|
ts.p.groupingView.groups = [];
|
|
var j, grPrepare = $.jgrid.getMethod("groupingPrepare"), key, udc;
|
|
if (ts.p.footerrow && ts.p.userDataOnFooter) {
|
|
for (key in ts.p.userData) {
|
|
if (ts.p.userData.hasOwnProperty(key)) {
|
|
ts.p.userData[key] = 0;
|
|
}
|
|
}
|
|
udc = true;
|
|
}
|
|
for (j = 0; j < total; j++) {
|
|
if (udc) {
|
|
for (key in ts.p.userData) {
|
|
if (ts.p.userData.hasOwnProperty(key)) {
|
|
ts.p.userData[key] += parseFloat(queryResults[j][key] || 0);
|
|
}
|
|
}
|
|
}
|
|
grPrepare.call($(ts), queryResults[j], j, recordsperpage);
|
|
}
|
|
}
|
|
if (ts.p.treeGrid && ts.p.search) {
|
|
queryResults = $(ts).jqGrid("searchTree", queryResults);
|
|
} else {
|
|
queryResults = queryResults.slice((page - 1) * recordsperpage, page * recordsperpage);
|
|
}
|
|
query = null;
|
|
cmtypes = null;
|
|
retresult[ts.p.localReader.total] = totalpages;
|
|
retresult[ts.p.localReader.page] = page;
|
|
retresult[ts.p.localReader.records] = total;
|
|
retresult[ts.p.localReader.root] = queryResults;
|
|
retresult[ts.p.localReader.userdata] = ts.p.userData;
|
|
queryResults = null;
|
|
return retresult;
|
|
},
|
|
updatepager = function (rn, dnd) {
|
|
var cp, last, base, from, to, tot, fmt, pgboxes = "", sppg,
|
|
pgid = ts.p.pager ? $.jgrid.jqID(ts.p.pager.substr(1)) : "",
|
|
tspg = pgid ? "_" + pgid : "",
|
|
tspg_t = ts.p.toppager ? "_" + ts.p.toppager.substr(1) : "";
|
|
base = parseInt(ts.p.page, 10) - 1;
|
|
if (base < 0) { base = 0; }
|
|
base = base * parseInt(ts.p.rowNum, 10);
|
|
to = base + ts.p.reccount;
|
|
if (ts.p.scroll) {
|
|
var rows = $("tbody:first > tr:gt(0)", ts.grid.bDiv);
|
|
base = to - rows.length;
|
|
ts.p.reccount = rows.length;
|
|
var rh = rows.outerHeight() || ts.grid.prevRowHeight;
|
|
if (rh) {
|
|
var top = base * rh;
|
|
var height = parseInt(ts.p.records, 10) * rh;
|
|
$(">div:first", ts.grid.bDiv).css({ height: height }).children("div:first").css({ height: top, display: top ? "" : "none" });
|
|
if (ts.grid.bDiv.scrollTop === 0 && ts.p.page > 1) {
|
|
ts.grid.bDiv.scrollTop = ts.p.rowNum * (ts.p.page - 1) * rh;
|
|
}
|
|
}
|
|
ts.grid.bDiv.scrollLeft = ts.grid.hDiv.scrollLeft;
|
|
}
|
|
pgboxes = ts.p.pager || "";
|
|
pgboxes += ts.p.toppager ? (pgboxes ? "," + ts.p.toppager : ts.p.toppager) : "";
|
|
if (pgboxes) {
|
|
fmt = $.jgrid.getRegional(ts, "formatter.integer");
|
|
cp = intNum(ts.p.page);
|
|
last = intNum(ts.p.lastpage);
|
|
$(".selbox", pgboxes)[this.p.useProp ? 'prop' : 'attr']("disabled", false);
|
|
if (ts.p.pginput === true) {
|
|
$("#input" + tspg).html($.jgrid.template($.jgrid.getRegional(ts, "defaults.pgtext", ts.p.pgtext) || "", "<input " + getstyle(stylemodule, 'pgInput', false, 'ui-pg-input') + " type='text' size='2' maxlength='7' value='0' role='textbox'/>", "<span id='sp_1_" + $.jgrid.jqID(pgid) + "'></span>"));
|
|
if (ts.p.toppager) {
|
|
$("#input_t" + tspg_t).html($.jgrid.template($.jgrid.getRegional(ts, "defaults.pgtext", ts.p.pgtext) || "", "<input " + getstyle(stylemodule, 'pgInput', false, 'ui-pg-input') + " type='text' size='2' maxlength='7' value='0' role='textbox'/>", "<span id='sp_1_" + $.jgrid.jqID(pgid) + "_toppager'></span>"));
|
|
}
|
|
$('.ui-pg-input', pgboxes).val(ts.p.page);
|
|
sppg = ts.p.toppager ? '#sp_1' + tspg + ",#sp_1" + tspg + "_toppager" : '#sp_1' + tspg;
|
|
$(sppg).html($.fmatter ? $.fmatter.util.NumberFormat(ts.p.lastpage, fmt) : ts.p.lastpage);
|
|
}
|
|
if (ts.p.viewrecords) {
|
|
if (ts.p.reccount === 0) {
|
|
$(".ui-paging-info", pgboxes).html($.jgrid.getRegional(ts, "defaults.emptyrecords", ts.p.emptyrecords));
|
|
} else {
|
|
from = base + 1;
|
|
tot = ts.p.records;
|
|
if ($.fmatter) {
|
|
from = $.fmatter.util.NumberFormat(from, fmt);
|
|
to = $.fmatter.util.NumberFormat(to, fmt);
|
|
tot = $.fmatter.util.NumberFormat(tot, fmt);
|
|
}
|
|
var rt = $.jgrid.getRegional(ts, "defaults.recordtext", ts.p.recordtext);
|
|
$(".ui-paging-info", pgboxes).html($.jgrid.template(rt, from, to, tot));
|
|
}
|
|
}
|
|
if (ts.p.pgbuttons === true) {
|
|
if (cp <= 0) { cp = last = 0; }
|
|
if (cp === 1 || cp === 0) {
|
|
$("#first" + tspg + ", #prev" + tspg).addClass(disabled).removeClass(hover);
|
|
if (ts.p.toppager) { $("#first_t" + tspg_t + ", #prev_t" + tspg_t).addClass(disabled).removeClass(hover); }
|
|
} else {
|
|
$("#first" + tspg + ", #prev" + tspg).removeClass(disabled);
|
|
if (ts.p.toppager) { $("#first_t" + tspg_t + ", #prev_t" + tspg_t).removeClass(disabled); }
|
|
}
|
|
if (cp === last || cp === 0) {
|
|
$("#next" + tspg + ", #last" + tspg).addClass(disabled).removeClass(hover);
|
|
if (ts.p.toppager) { $("#next_t" + tspg_t + ", #last_t" + tspg_t).addClass(disabled).removeClass(hover); }
|
|
} else {
|
|
$("#next" + tspg + ", #last" + tspg).removeClass(disabled);
|
|
if (ts.p.toppager) { $("#next_t" + tspg_t + ", #last_t" + tspg_t).removeClass(disabled); }
|
|
}
|
|
}
|
|
}
|
|
if (rn === true && ts.p.rownumbers === true) {
|
|
$(">td.jqgrid-rownum", ts.rows).each(function (i) {
|
|
$(this).html(base + 1 + i);
|
|
});
|
|
}
|
|
if (dnd && ts.p.jqgdnd) { $(ts).jqGrid('gridDnD', 'updateDnD'); }
|
|
$(ts).triggerHandler("jqGridGridComplete");
|
|
if ($.isFunction(ts.p.gridComplete)) { ts.p.gridComplete.call(ts); }
|
|
$(ts).triggerHandler("jqGridAfterGridComplete");
|
|
},
|
|
beginReq = function () {
|
|
window.setTimeout(function () {
|
|
$.loading(true);
|
|
top.$("#loadingPage").find('.loading-content').attr('isTableLoading', 'true');
|
|
}, 0);
|
|
ts.grid.hDiv.loading = true;
|
|
if (ts.p.hiddengrid) { return; }
|
|
},
|
|
endReq = function () {
|
|
window.setTimeout(function () {
|
|
top.$("#loadingPage").find('.loading-content').removeAttr('isTableLoading');
|
|
$.loading(false);
|
|
}, 0);
|
|
ts.grid.hDiv.loading = false;
|
|
if (ts.p.unwritten) {
|
|
$("#" + ts.p.id).parents('.ui-jqgrid-bdiv').find(".unwritten").remove();
|
|
if ($("#" + ts.p.id).find('tbody tr').length == 1) {
|
|
$("#" + ts.p.id).parents('.ui-jqgrid-bdiv').append('<div class="unwritten" style="color:red;padding:7px;border-bottom:#ddd 1px solid;">暂无数据!</div>')
|
|
}
|
|
}
|
|
},
|
|
populate = function (npage) {
|
|
if (!ts.grid.hDiv.loading) {
|
|
var pvis = ts.p.scroll && npage === false,
|
|
prm = {}, dt, dstr, pN = ts.p.prmNames;
|
|
if (ts.p.page <= 0) { ts.p.page = Math.min(1, ts.p.lastpage); }
|
|
if (pN.search !== null) { prm[pN.search] = ts.p.search; } if (pN.nd !== null) { prm[pN.nd] = new Date().getTime(); }
|
|
if (pN.rows !== null) { prm[pN.rows] = ts.p.rowNum; } if (pN.page !== null) { prm[pN.page] = ts.p.page; }
|
|
if (pN.sort !== null) { prm[pN.sort] = ts.p.sortname; } if (pN.order !== null) { prm[pN.order] = ts.p.sortorder; }
|
|
if (ts.p.rowTotal !== null && pN.totalrows !== null) { prm[pN.totalrows] = ts.p.rowTotal; }
|
|
var lcf = $.isFunction(ts.p.loadComplete), lc = lcf ? ts.p.loadComplete : null;
|
|
var adjust = 0;
|
|
npage = npage || 1;
|
|
if (npage > 1) {
|
|
if (pN.npage !== null) {
|
|
prm[pN.npage] = npage;
|
|
adjust = npage - 1;
|
|
npage = 1;
|
|
} else {
|
|
lc = function (req) {
|
|
ts.p.page++;
|
|
ts.grid.hDiv.loading = false;
|
|
if (lcf) {
|
|
ts.p.loadComplete.call(ts, req);
|
|
}
|
|
populate(npage - 1);
|
|
};
|
|
}
|
|
} else if (pN.npage !== null) {
|
|
delete ts.p.postData[pN.npage];
|
|
}
|
|
if (ts.p.grouping) {
|
|
$(ts).jqGrid('groupingSetup');
|
|
var grp = ts.p.groupingView, gi, gs = "";
|
|
for (gi = 0; gi < grp.groupField.length; gi++) {
|
|
var index = grp.groupField[gi];
|
|
$.each(ts.p.colModel, function (cmIndex, cmValue) {
|
|
if (cmValue.name === index && cmValue.index) {
|
|
index = cmValue.index;
|
|
}
|
|
});
|
|
gs += index + " " + grp.groupOrder[gi] + ", ";
|
|
}
|
|
prm[pN.sort] = gs + prm[pN.sort];
|
|
}
|
|
$.extend(ts.p.postData, prm);
|
|
var rcnt = !ts.p.scroll ? 1 : ts.rows.length - 1;
|
|
var bfr = $(ts).triggerHandler("jqGridBeforeRequest");
|
|
if (bfr === false || bfr === 'stop') { return; }
|
|
if ($.isFunction(ts.p.datatype)) { ts.p.datatype.call(ts, ts.p.postData, "load_" + ts.p.id, rcnt, npage, adjust); return; }
|
|
if ($.isFunction(ts.p.beforeRequest)) {
|
|
bfr = ts.p.beforeRequest.call(ts);
|
|
if (bfr === undefined) { bfr = true; }
|
|
if (bfr === false) { return; }
|
|
}
|
|
dt = ts.p.datatype.toLowerCase();
|
|
switch (dt) {
|
|
case "json":
|
|
case "jsonp":
|
|
case "xml":
|
|
case "script":
|
|
$.ajax($.extend({
|
|
url: ts.p.url,
|
|
type: ts.p.mtype,
|
|
dataType: dt,
|
|
data: $.isFunction(ts.p.serializeGridData) ? ts.p.serializeGridData.call(ts, ts.p.postData) : ts.p.postData,
|
|
success: function (data, st, xhr) {
|
|
if ($.isFunction(ts.p.beforeProcessing)) {
|
|
if (ts.p.beforeProcessing.call(ts, data, st, xhr) === false) {
|
|
endReq();
|
|
return;
|
|
}
|
|
}
|
|
if (dt === "xml") { addXmlData(data, rcnt, npage > 1, adjust); }
|
|
else { addJSONData(data, rcnt, npage > 1, adjust); }
|
|
$(ts).triggerHandler("jqGridLoadComplete", [data]);
|
|
if (lc) { lc.call(ts, data); }
|
|
$(ts).triggerHandler("jqGridAfterLoadComplete", [data]);
|
|
if (pvis) { ts.grid.populateVisible(); }
|
|
if (ts.p.loadonce || ts.p.treeGrid) { ts.p.datatype = "local"; }
|
|
data = null;
|
|
if (npage === 1) { endReq(); }
|
|
},
|
|
error: function (xhr, st, err) {
|
|
if ($.isFunction(ts.p.loadError)) { ts.p.loadError.call(ts, xhr, st, err); }
|
|
if (npage === 1) { endReq(); }
|
|
xhr = null;
|
|
},
|
|
beforeSend: function (xhr, settings) {
|
|
var gotoreq = true;
|
|
if ($.isFunction(ts.p.loadBeforeSend)) {
|
|
gotoreq = ts.p.loadBeforeSend.call(ts, xhr, settings);
|
|
}
|
|
if (gotoreq === undefined) { gotoreq = true; }
|
|
if (gotoreq === false) {
|
|
return false;
|
|
}
|
|
beginReq();
|
|
}
|
|
}, $.jgrid.ajaxOptions, ts.p.ajaxGridOptions));
|
|
break;
|
|
case "xmlstring":
|
|
beginReq();
|
|
dstr = typeof ts.p.datastr !== 'string' ? ts.p.datastr : $.parseXML(ts.p.datastr);
|
|
addXmlData(dstr);
|
|
$(ts).triggerHandler("jqGridLoadComplete", [dstr]);
|
|
if (lcf) { ts.p.loadComplete.call(ts, dstr); }
|
|
$(ts).triggerHandler("jqGridAfterLoadComplete", [dstr]);
|
|
ts.p.datatype = "local";
|
|
ts.p.datastr = null;
|
|
endReq();
|
|
break;
|
|
case "jsonstring":
|
|
beginReq();
|
|
if (typeof ts.p.datastr === 'string') { dstr = $.jgrid.parse(ts.p.datastr); }
|
|
else { dstr = ts.p.datastr; }
|
|
addJSONData(dstr);
|
|
$(ts).triggerHandler("jqGridLoadComplete", [dstr]);
|
|
if (lcf) { ts.p.loadComplete.call(ts, dstr); }
|
|
$(ts).triggerHandler("jqGridAfterLoadComplete", [dstr]);
|
|
ts.p.datatype = "local";
|
|
ts.p.datastr = null;
|
|
endReq();
|
|
break;
|
|
case "local":
|
|
case "clientside":
|
|
beginReq();
|
|
ts.p.datatype = "local";
|
|
ts.p._ald = true;
|
|
var req = addLocalData();
|
|
addJSONData(req, rcnt, npage > 1, adjust);
|
|
$(ts).triggerHandler("jqGridLoadComplete", [req]);
|
|
if (lc) { lc.call(ts, req); }
|
|
$(ts).triggerHandler("jqGridAfterLoadComplete", [req]);
|
|
if (pvis) { ts.grid.populateVisible(); }
|
|
endReq();
|
|
ts.p._ald = false;
|
|
break;
|
|
}
|
|
ts.p._sort = false;
|
|
}
|
|
},
|
|
setHeadCheckBox = function (checked) {
|
|
$('#cb_' + $.jgrid.jqID(ts.p.id), ts.grid.hDiv)[ts.p.useProp ? 'prop' : 'attr']("checked", checked);
|
|
var fid = ts.p.frozenColumns ? ts.p.id + "_frozen" : "";
|
|
if (fid) {
|
|
$('#cb_' + $.jgrid.jqID(ts.p.id), ts.grid.fhDiv)[ts.p.useProp ? 'prop' : 'attr']("checked", checked);
|
|
}
|
|
},
|
|
setPager = function (pgid, tp) {
|
|
// TBD - consider escaping pgid with pgid = $.jgrid.jqID(pgid);
|
|
var sep = "<td class='ui-pg-button " + disabled + "'><span class='ui-separator'></span></td>",
|
|
pginp = "",
|
|
pgl = "<table class='ui-pg-table ui-common-table ui-paging-pager'><tbody><tr>",
|
|
str = "", pgcnt, lft, cent, rgt, twd, tdw, i,
|
|
clearVals = function (onpaging, thus) {
|
|
var ret;
|
|
if ($.isFunction(ts.p.onPaging)) { ret = ts.p.onPaging.call(ts, onpaging, thus); }
|
|
if (ret === 'stop') { return false; }
|
|
ts.p.selrow = null;
|
|
if (ts.p.multiselect) { ts.p.selarrrow = []; setHeadCheckBox(false); }
|
|
ts.p.savedRow = [];
|
|
return true;
|
|
};
|
|
pgid = pgid.substr(1);
|
|
tp += "_" + pgid;
|
|
pgcnt = "pg_" + pgid;
|
|
lft = pgid + "_left"; cent = pgid + "_center"; rgt = pgid + "_right";
|
|
$("#" + $.jgrid.jqID(pgid))
|
|
.append("<div id='" + pgcnt + "' class='ui-pager-control' role='group'><table " + getstyle(stylemodule, 'pagerTable', false, 'ui-pg-table ui-common-table ui-pager-table') + "><tbody><tr><td id='" + cent + "' style='white-space:pre;'></td><td id='" + lft + "' align='left'></td><td id='" + rgt + "' align='right'></td></tr></tbody></table></div>")
|
|
.attr("dir", "ltr"); //explicit setting
|
|
if (ts.p.rowList.length > 0) {
|
|
str = "<td dir=\"" + dir + "\">";
|
|
str += "<select " + getstyle(stylemodule, 'pgSelectBox', false, 'ui-pg-selbox') + " role=\"listbox\" title=\"" + ($.jgrid.getRegional(ts, "defaults.pgrecs", ts.p.pgrecs) || "") + "\">";
|
|
var strnm;
|
|
for (i = 0; i < ts.p.rowList.length; i++) {
|
|
strnm = ts.p.rowList[i].toString().split(":");
|
|
if (strnm.length === 1) {
|
|
strnm[1] = strnm[0];
|
|
}
|
|
str += "<option role=\"option\" value=\"" + strnm[0] + "\"" + ((intNum(ts.p.rowNum, 0) === intNum(strnm[0], 0)) ? " selected=\"selected\"" : "") + ">" + strnm[1] + "</option>";
|
|
}
|
|
str += "</select></td>";
|
|
}
|
|
if (dir === "rtl") { pgl += str; }
|
|
if (ts.p.pginput === true) {
|
|
pginp = "<td id='input" + tp + "' dir='" + dir + "'>" + $.jgrid.template($.jgrid.getRegional(ts, "defaults.pgtext", ts.p.pgtext) || "", "<input class='ui-pg-input' type='text' size='2' maxlength='7' value='0' role='textbox'/>", "<span id='sp_1_" + $.jgrid.jqID(pgid) + "'></span>") + "</td>";
|
|
}
|
|
if (ts.p.pgbuttons === true) {
|
|
var po = ["first" + tp, "prev" + tp, "next" + tp, "last" + tp], btc = getstyle(stylemodule, 'pgButtonBox', true, 'ui-pg-button'),
|
|
pot = [($.jgrid.getRegional(ts, "defaults.pgfirst", ts.p.pgfirst) || ""),
|
|
($.jgrid.getRegional(ts, "defaults.pgprev", ts.p.pgprev) || ""),
|
|
($.jgrid.getRegional(ts, "defaults.pgnext", ts.p.pgnext) || ""),
|
|
($.jgrid.getRegional(ts, "defaults.pglast", ts.p.pglast) || "")];
|
|
if (dir === "rtl") {
|
|
po.reverse();
|
|
pot.reverse();
|
|
}
|
|
pgl += "<td id='" + po[0] + "' class='" + btc + "' title='" + pot[0] + "'" + "><span " + getstyle(stylemodule, 'icon_first', false, iconbase) + "></span></td>";
|
|
pgl += "<td id='" + po[1] + "' class='" + btc + "' title='" + pot[1] + "'" + "><span " + getstyle(stylemodule, 'icon_prev', false, iconbase) + "></span></td>";
|
|
pgl += pginp !== "" ? sep + pginp + sep : "";
|
|
pgl += "<td id='" + po[2] + "' class='" + btc + "' title='" + pot[2] + "'" + "><span " + getstyle(stylemodule, 'icon_next', false, iconbase) + "></span></td>";
|
|
pgl += "<td id='" + po[3] + "' class='" + btc + "' title='" + pot[3] + "'" + "><span " + getstyle(stylemodule, 'icon_end', false, iconbase) + "></span></td>";
|
|
} else if (pginp !== "") {
|
|
pgl += pginp;
|
|
}
|
|
if (dir === "ltr") {
|
|
pgl += str;
|
|
}
|
|
pgl += "</tr></tbody></table>";
|
|
if (ts.p.viewrecords === true) {
|
|
$("td#" + pgid + "_" + ts.p.recordpos, "#" + pgcnt).append("<div dir='" + dir + "' style='text-align:" + ts.p.recordpos + "' class='ui-paging-info'></div>");
|
|
}
|
|
$("td#" + pgid + "_" + ts.p.pagerpos, "#" + pgcnt).append(pgl);
|
|
tdw = $("#gbox_" + $.jgrid.jqID(ts.p.id)).css("font-size") || "11px";
|
|
$("#gbox_" + $.jgrid.jqID(ts.p.id)).append("<div id='testpg' " + getstyle(stylemodule, 'entrieBox', false, 'ui-jqgrid') + " style='font-size:" + tdw + ";visibility:hidden;' ></div>");
|
|
twd = $(pgl).clone().appendTo("#testpg").width();
|
|
$("#testpg").remove();
|
|
if (twd > 0) {
|
|
if (pginp !== "") { twd += 50; } //should be param
|
|
$("td#" + pgid + "_" + ts.p.pagerpos, "#" + pgcnt).width(twd);
|
|
}
|
|
ts.p._nvtd = [];
|
|
ts.p._nvtd[0] = twd ? Math.floor((ts.p.width - twd) / 2) : Math.floor(ts.p.width / 3);
|
|
ts.p._nvtd[1] = 0;
|
|
pgl = null;
|
|
$('.ui-pg-selbox', "#" + pgcnt).bind('change', function () {
|
|
if (!clearVals('records', this)) { return false; }
|
|
ts.p.page = Math.round(ts.p.rowNum * (ts.p.page - 1) / this.value - 0.5) + 1;
|
|
ts.p.rowNum = this.value;
|
|
if (ts.p.pager) { $('.ui-pg-selbox', ts.p.pager).val(this.value); }
|
|
if (ts.p.toppager) { $('.ui-pg-selbox', ts.p.toppager).val(this.value); }
|
|
populate();
|
|
return false;
|
|
});
|
|
if (ts.p.pgbuttons === true) {
|
|
$(".ui-pg-button", "#" + pgcnt).hover(function () {
|
|
if ($(this).hasClass(disabled)) {
|
|
this.style.cursor = 'default';
|
|
} else {
|
|
$(this).addClass(hover);
|
|
this.style.cursor = 'pointer';
|
|
}
|
|
}, function () {
|
|
if (!$(this).hasClass(disabled)) {
|
|
$(this).removeClass(hover);
|
|
this.style.cursor = "default";
|
|
}
|
|
});
|
|
$("#first" + $.jgrid.jqID(tp) + ", #prev" + $.jgrid.jqID(tp) + ", #next" + $.jgrid.jqID(tp) + ", #last" + $.jgrid.jqID(tp)).click(function () {
|
|
if ($(this).hasClass(disabled)) {
|
|
return false;
|
|
}
|
|
var cp = intNum(ts.p.page, 1),
|
|
last = intNum(ts.p.lastpage, 1), selclick = false,
|
|
fp = true, pp = true, np = true, lp = true;
|
|
if (last === 0 || last === 1) {
|
|
fp = false;
|
|
pp = false;
|
|
np = false;
|
|
lp = false;
|
|
} else if (last > 1 && cp >= 1) {
|
|
if (cp === 1) {
|
|
fp = false;
|
|
pp = false;
|
|
} else if (cp === last) {
|
|
np = false;
|
|
lp = false;
|
|
}
|
|
} else if (last > 1 && cp === 0) {
|
|
np = false;
|
|
lp = false;
|
|
cp = last - 1;
|
|
}
|
|
if (!clearVals(this.id.split("_")[0], this)) { return false; }
|
|
if (this.id === 'first' + tp && fp) { ts.p.page = 1; selclick = true; }
|
|
if (this.id === 'prev' + tp && pp) { ts.p.page = (cp - 1); selclick = true; }
|
|
if (this.id === 'next' + tp && np) { ts.p.page = (cp + 1); selclick = true; }
|
|
if (this.id === 'last' + tp && lp) { ts.p.page = last; selclick = true; }
|
|
if (selclick) {
|
|
populate();
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
if (ts.p.pginput === true) {
|
|
$("#" + pgcnt).on('keypress', 'input.ui-pg-input', function (e) {
|
|
var key = e.charCode || e.keyCode || 0;
|
|
if (key === 13) {
|
|
if (!clearVals('user', this)) { return false; }
|
|
$(this).val(intNum($(this).val(), 1));
|
|
ts.p.page = ($(this).val() > 0) ? $(this).val() : ts.p.page;
|
|
populate();
|
|
return false;
|
|
}
|
|
return this;
|
|
});
|
|
}
|
|
},
|
|
multiSort = function (iCol, obj, sor) {
|
|
var cm = ts.p.colModel,
|
|
selTh = ts.p.frozenColumns ? obj : ts.grid.headers[iCol].el, so = "", sn;
|
|
$("span.ui-grid-ico-sort", selTh).addClass(disabled);
|
|
$(selTh).attr("aria-selected", "false");
|
|
sn = (cm[iCol].index || cm[iCol].name);
|
|
if (typeof sor == "undefined") {
|
|
if (cm[iCol].lso) {
|
|
if (cm[iCol].lso === "asc") {
|
|
cm[iCol].lso += "-desc";
|
|
so = "desc";
|
|
} else if (cm[iCol].lso === "desc") {
|
|
cm[iCol].lso += "-asc";
|
|
so = "asc";
|
|
} else if (cm[iCol].lso === "asc-desc" || cm[iCol].lso === "desc-asc") {
|
|
cm[iCol].lso = "";
|
|
}
|
|
} else {
|
|
cm[iCol].lso = so = cm[iCol].firstsortorder || 'asc';
|
|
}
|
|
}
|
|
else {
|
|
cm[iCol].lso = so = sor;
|
|
}
|
|
if (so) {
|
|
$("span.s-ico", selTh).show();
|
|
$("span.ui-icon-" + so, selTh).removeClass(disabled);
|
|
$(selTh).attr("aria-selected", "true");
|
|
} else {
|
|
if (!ts.p.viewsortcols[0]) {
|
|
$("span.s-ico", selTh).hide();
|
|
}
|
|
}
|
|
var isn = sortarr.indexOf(sn);
|
|
if (isn === -1) {
|
|
sortarr.push(sn);
|
|
sortord.push(so);
|
|
} else {
|
|
if (so) {
|
|
sortord[isn] = so;
|
|
} else {
|
|
sortord.splice(isn, 1);
|
|
sortarr.splice(isn, 1);
|
|
}
|
|
}
|
|
ts.p.sortorder = "";
|
|
ts.p.sortname = "";
|
|
for (var i = 0, len = sortarr.length; i < len ; i++) {
|
|
if (i > 0) {
|
|
ts.p.sortname += ", ";
|
|
}
|
|
ts.p.sortname += sortarr[i];
|
|
if (i !== len - 1) {
|
|
ts.p.sortname += " " + sortord[i];
|
|
}
|
|
}
|
|
ts.p.sortorder = sortord[len - 1];
|
|
/*
|
|
$.each(cm, function(i){
|
|
if(this.lso) {
|
|
if(i>0 && fs) {
|
|
sort += ", ";
|
|
}
|
|
splas = this.lso.split("-");
|
|
sort += cm[i].index || cm[i].name;
|
|
sort += " "+splas[splas.length-1];
|
|
fs = true;
|
|
ts.p.sortorder = splas[splas.length-1];
|
|
}
|
|
});
|
|
ls = sort.lastIndexOf(ts.p.sortorder);
|
|
sort = sort.substring(0, ls);
|
|
ts.p.sortname = sort;
|
|
*/
|
|
},
|
|
sortData = function (index, idxcol, reload, sor, obj) {
|
|
if (!ts.p.colModel[idxcol].sortable) { return; }
|
|
if (ts.p.savedRow.length > 0) { return; }
|
|
if (!reload) {
|
|
if (ts.p.lastsort === idxcol && ts.p.sortname !== "") {
|
|
if (ts.p.sortorder === 'asc') {
|
|
ts.p.sortorder = 'desc';
|
|
} else if (ts.p.sortorder === 'desc') { ts.p.sortorder = 'asc'; }
|
|
} else { ts.p.sortorder = ts.p.colModel[idxcol].firstsortorder || 'asc'; }
|
|
ts.p.page = 1;
|
|
}
|
|
if (ts.p.multiSort) {
|
|
multiSort(idxcol, obj, sor);
|
|
} else {
|
|
if (sor) {
|
|
if (ts.p.lastsort === idxcol && ts.p.sortorder === sor && !reload) { return; }
|
|
ts.p.sortorder = sor;
|
|
}
|
|
var previousSelectedTh = ts.grid.headers[ts.p.lastsort] ? ts.grid.headers[ts.p.lastsort].el : null, newSelectedTh = ts.p.frozenColumns ? obj : ts.grid.headers[idxcol].el,
|
|
//sortrule = $.trim(ts.p.viewsortcols[1] === 'single' ? hidden : disabled);
|
|
usehide = ts.p.viewsortcols[1] === 'single' ? true : false, tmpicon;
|
|
tmpicon = $(previousSelectedTh).find("span.ui-grid-ico-sort");
|
|
tmpicon.addClass(disabled);
|
|
if (usehide) {
|
|
$(tmpicon).css("display", "none");
|
|
}
|
|
$(previousSelectedTh).attr("aria-selected", "false");
|
|
if (ts.p.frozenColumns) {
|
|
tmpicon = ts.grid.fhDiv.find("span.ui-grid-ico-sort");
|
|
tmpicon.addClass(disabled);
|
|
if (usehide) { tmpicon.css("display", "none"); }
|
|
ts.grid.fhDiv.find("th").attr("aria-selected", "false");
|
|
}
|
|
tmpicon = $(newSelectedTh).find("span.ui-icon-" + ts.p.sortorder);
|
|
tmpicon.removeClass(disabled);
|
|
if (usehide) { tmpicon.css("display", ""); }
|
|
$(newSelectedTh).attr("aria-selected", "true");
|
|
if (!ts.p.viewsortcols[0]) {
|
|
if (ts.p.lastsort !== idxcol) {
|
|
if (ts.p.frozenColumns) {
|
|
ts.grid.fhDiv.find("span.s-ico").hide();
|
|
}
|
|
$("span.s-ico", previousSelectedTh).hide();
|
|
$("span.s-ico", newSelectedTh).show();
|
|
} else if (ts.p.sortname === "") { // if ts.p.lastsort === idxcol but ts.p.sortname === ""
|
|
$("span.s-ico", newSelectedTh).show();
|
|
}
|
|
}
|
|
index = index.substring(5 + ts.p.id.length + 1); // bad to be changed!?!
|
|
ts.p.sortname = ts.p.colModel[idxcol].index || index;
|
|
}
|
|
if ($(ts).triggerHandler("jqGridSortCol", [ts.p.sortname, idxcol, ts.p.sortorder]) === 'stop') {
|
|
ts.p.lastsort = idxcol;
|
|
return;
|
|
}
|
|
if ($.isFunction(ts.p.onSortCol)) { if (ts.p.onSortCol.call(ts, ts.p.sortname, idxcol, ts.p.sortorder) === 'stop') { ts.p.lastsort = idxcol; return; } }
|
|
if (ts.p.datatype === "local") {
|
|
if (ts.p.deselectAfterSort) { $(ts).jqGrid("resetSelection"); }
|
|
} else {
|
|
ts.p.selrow = null;
|
|
if (ts.p.multiselect) { setHeadCheckBox(false); }
|
|
ts.p.selarrrow = [];
|
|
ts.p.savedRow = [];
|
|
}
|
|
if (ts.p.scroll) {
|
|
var sscroll = ts.grid.bDiv.scrollLeft;
|
|
emptyRows.call(ts, true, false);
|
|
ts.grid.hDiv.scrollLeft = sscroll;
|
|
}
|
|
if (ts.p.subGrid && ts.p.datatype === 'local') {
|
|
$("td.sgexpanded", "#" + $.jgrid.jqID(ts.p.id)).each(function () {
|
|
$(this).trigger("click");
|
|
});
|
|
}
|
|
ts.p._sort = true;
|
|
populate();
|
|
ts.p.lastsort = idxcol;
|
|
if (ts.p.sortname !== index && idxcol) { ts.p.lastsort = idxcol; }
|
|
},
|
|
setColWidth = function () {
|
|
var initwidth = 0, brd = $.jgrid.cell_width ? 0 : intNum(ts.p.cellLayout, 0), vc = 0, lvc, scw = intNum(ts.p.scrollOffset, 0), cw, hs = false, aw, gw = 0, cr;
|
|
$.each(ts.p.colModel, function () {
|
|
if (this.hidden === undefined) { this.hidden = false; }
|
|
if (ts.p.grouping && ts.p.autowidth) {
|
|
var ind = $.inArray(this.name, ts.p.groupingView.groupField);
|
|
if (ind >= 0 && ts.p.groupingView.groupColumnShow.length > ind) {
|
|
this.hidden = !ts.p.groupingView.groupColumnShow[ind];
|
|
}
|
|
}
|
|
this.widthOrg = cw = intNum(this.width, 0);
|
|
if (this.hidden === false) {
|
|
initwidth += cw + brd;
|
|
if (this.fixed) {
|
|
gw += cw + brd;
|
|
} else {
|
|
vc++;
|
|
}
|
|
}
|
|
});
|
|
if (isNaN(ts.p.width)) {
|
|
ts.p.width = initwidth + ((ts.p.shrinkToFit === false && !isNaN(ts.p.height)) ? scw : 0);
|
|
}
|
|
grid.width = parseInt(ts.p.width, 10);
|
|
ts.p.tblwidth = initwidth;
|
|
if (ts.p.shrinkToFit === false && ts.p.forceFit === true) { ts.p.forceFit = false; }
|
|
if (ts.p.shrinkToFit === true && vc > 0) {
|
|
aw = grid.width - brd * vc - gw;
|
|
if (!isNaN(ts.p.height)) {
|
|
aw -= scw;
|
|
hs = true;
|
|
}
|
|
initwidth = 0;
|
|
$.each(ts.p.colModel, function (i) {
|
|
if (this.hidden === false && !this.fixed) {
|
|
cw = Math.round(aw * this.width / (ts.p.tblwidth - brd * vc - gw));
|
|
this.width = cw;
|
|
initwidth += cw;
|
|
lvc = i;
|
|
}
|
|
});
|
|
cr = 0;
|
|
if (hs) {
|
|
if (grid.width - gw - (initwidth + brd * vc) !== scw) {
|
|
cr = grid.width - gw - (initwidth + brd * vc) - scw;
|
|
}
|
|
} else if (!hs && Math.abs(grid.width - gw - (initwidth + brd * vc)) !== 1) {
|
|
cr = grid.width - gw - (initwidth + brd * vc);
|
|
}
|
|
ts.p.colModel[lvc].width += cr;
|
|
ts.p.tblwidth = initwidth + cr + brd * vc + gw;
|
|
if (ts.p.tblwidth > ts.p.width) {
|
|
ts.p.colModel[lvc].width -= (ts.p.tblwidth - parseInt(ts.p.width, 10));
|
|
ts.p.tblwidth = ts.p.width;
|
|
}
|
|
}
|
|
},
|
|
nextVisible = function (iCol) {
|
|
var ret = iCol, j = iCol, i;
|
|
for (i = iCol + 1; i < ts.p.colModel.length; i++) {
|
|
if (ts.p.colModel[i].hidden !== true) {
|
|
j = i; break;
|
|
}
|
|
}
|
|
return j - ret;
|
|
},
|
|
getOffset = function (iCol) {
|
|
var $th = $(ts.grid.headers[iCol].el), ret = [$th.position().left + $th.outerWidth()];
|
|
if (ts.p.direction === "rtl") { ret[0] = ts.p.width - ret[0]; }
|
|
ret[0] -= ts.grid.bDiv.scrollLeft;
|
|
ret.push($(ts.grid.hDiv).position().top);
|
|
ret.push($(ts.grid.bDiv).offset().top - $(ts.grid.hDiv).offset().top + $(ts.grid.bDiv).height());
|
|
return ret;
|
|
},
|
|
getColumnHeaderIndex = function (th) {
|
|
var i, headers = ts.grid.headers, ci = $.jgrid.getCellIndex(th);
|
|
for (i = 0; i < headers.length; i++) {
|
|
if (th === headers[i].el) {
|
|
ci = i;
|
|
break;
|
|
}
|
|
}
|
|
return ci;
|
|
},
|
|
buildColItems = function (top, left, parent) {
|
|
var cm = ts.p.colModel, len = cm.length, i, cols = [], disp,
|
|
texts = $.jgrid.getRegional(ts, "colmenu"),
|
|
str1 = '<ul id="col_menu" class="ui-search-menu ui-col-menu modal-content" role="menu" tabindex="0" style="left:' + left + 'px;top:' + top + 'px;">';
|
|
for (i = 0; i < len; i++) {
|
|
//if(!cm[i].hidedlg) { // column chooser
|
|
var hid = !cm[i].hidden ? "checked" : "", nm = cm[i].name, lb = ts.p.colNames[i];
|
|
disp = (nm === 'cb' || nm === 'subgrid' || nm === 'rn' || cm[i].hidedlg) ? "style='display:none'" : "";
|
|
str1 += '<li ' + disp + ' class="ui-menu-item" role="presentation" draggable="true"><a class="g-menu-item" tabindex="0" role="menuitem" ><table class="ui-common-table" ><tr><td class="menu_icon" title="' + texts.reorder + '"><span class="' + iconbase + ' ' + colmenustyle.icon_move + ' notclick"></span></td><td class="menu_icon"><input class="' + colmenustyle.input_checkbox + '" type="checkbox" name="' + nm + '" ' + hid + '></td><td class="menu_text">' + lb + '</td></tr></table></a></li>';
|
|
cols.push(i);
|
|
}
|
|
str1 += "</ul>";
|
|
$(parent).append(str1);
|
|
$("#col_menu").addClass("ui-menu " + colmenustyle.menu_widget);
|
|
if ($.fn.html5sortable()) {
|
|
$("#col_menu").html5sortable({
|
|
handle: 'span',
|
|
forcePlaceholderSize: true
|
|
}
|
|
).bind('sortupdate', function (e, ui) {
|
|
cols.splice(ui.startindex, 1);
|
|
cols.splice(ui.endindex, 0, ui.startindex);
|
|
$(ts).jqGrid("destroyFrozenColumns");
|
|
$(ts).jqGrid("remapColumns", cols, true);
|
|
$(ts).jqGrid("setFrozenColumns");
|
|
for (i = 0; i < len; i++) {
|
|
cols[i] = i;
|
|
}
|
|
});
|
|
} // NO jQuery UI
|
|
$("#col_menu > li > a").on("click", function (e) {
|
|
var checked;
|
|
if ($(e.target).hasClass('notclick')) {
|
|
return;
|
|
}
|
|
if ($(e.target).is(":input")) {
|
|
checked = $(e.target).is(":checked");
|
|
} else {
|
|
checked = !$("input", this).is(":checked");
|
|
$("input", this).prop("checked", checked);
|
|
}
|
|
if (!checked) {
|
|
$(ts).jqGrid('hideCol', $("input", this).attr('name'));
|
|
$(this).parent().attr("draggable", "false");
|
|
} else {
|
|
$(ts).jqGrid('showCol', $("input", this).attr('name'));
|
|
$(this).parent().attr("draggable", "true");
|
|
}
|
|
}).hover(function () {
|
|
$(this).addClass(hover);
|
|
}, function () {
|
|
$(this).removeClass(hover);
|
|
});
|
|
},
|
|
buildSearchBox = function (index, top, left, parent) {
|
|
var cm = ts.p.colModel[index], rules, o1 = '', v1 = '', r1 = '', o2 = '', v2 = '', so, op, repstr = '', selected, elem,
|
|
numopts = ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'],
|
|
stropts = ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni'],
|
|
texts = $.jgrid.getRegional(ts, "search"),
|
|
common = $.jgrid.styleUI[(ts.p.styleUI || 'jQueryUI')].common;
|
|
|
|
if (!cm) {
|
|
return;
|
|
}
|
|
rules = ts.p.colFilters && ts.p.colFilters[cm.name] ? ts.p.colFilters[cm.name] : false;
|
|
if (rules && !$.isEmptyObject(rules)) {
|
|
o1 = rules.oper1;
|
|
v1 = rules.value1;
|
|
r1 = rules.rule;
|
|
o2 = rules.oper2;
|
|
v2 = rules.value2;
|
|
}
|
|
if (!cm.searchoptions) {
|
|
cm.searchoptions = {};
|
|
}
|
|
if (cm.searchoptions.sopt) {
|
|
so = cm.searchoptions.sopt;
|
|
} else if (cm.sorttype === 'text') {
|
|
so = stropts;
|
|
} else {
|
|
so = numopts;
|
|
}
|
|
if (cm.searchoptions.operands) {
|
|
op = cm.searchoptions.operands;
|
|
} else {
|
|
op = texts.groupOps;
|
|
}
|
|
|
|
//elem = $('<ul id="search_menu" class="ui-search-menu modal-content" role="menu" tabindex="0" style="left:'+left+'px;top:'+top+'px;"></ul>');
|
|
elem = $('<form></form>');
|
|
var str1 = '<div>' + $.jgrid.getRegional(ts, "colmenu.searchTitle") + '</div>';
|
|
str1 += '<div><select id="oper1" class="' + colmenustyle.filter_select + '">';
|
|
$.each(texts.odata, function (i, n) {
|
|
selected = n.oper === o1 ? 'selected="selected"' : '';
|
|
if ($.inArray(n.oper, so) !== -1) {
|
|
repstr += '<option value="' + n.oper + '" ' + selected + '>' + n.text + '</option>';
|
|
}
|
|
});
|
|
str1 += repstr;
|
|
str1 += '</select></div>';
|
|
elem.append(str1);
|
|
var df = "";
|
|
if (cm.searchoptions.defaultValue) {
|
|
df = $.isFunction(cm.searchoptions.defaultValue) ? cm.searchoptions.defaultValue.call(ts) : cm.searchoptions.defaultValue;
|
|
}
|
|
//overwrite default value if restore from filters
|
|
if (v1) {
|
|
df = v1;
|
|
}
|
|
var soptions = $.extend(cm.searchoptions, { name: cm.index || cm.name, id: "sval1_" + ts.p.idPrefix + cm.name, oper: 'search' })
|
|
var input = $.jgrid.createEl.call(ts, cm.stype, soptions, df, false, $.extend({}, $.jgrid.ajaxOptions, ts.p.ajaxSelectOptions || {}));
|
|
$(input).addClass(colmenustyle.filter_input);
|
|
str1 = $('<div></div>').append(input);
|
|
elem.append(str1);
|
|
// and/or
|
|
str1 = '<div><select id="operand" class="' + colmenustyle.filter_select + '">';
|
|
$.each(op, function (i, n) {
|
|
selected = n.op === r1 ? 'selected="selected"' : '';
|
|
str1 += "<option value='" + n.op + "' " + selected + ">" + n.text + "</option>";
|
|
});
|
|
str1 += '</select></div>';
|
|
elem.append(str1);
|
|
//oper2
|
|
repstr = '';
|
|
$.each(texts.odata, function (i, n) {
|
|
selected = n.oper === o2 ? 'selected="selected"' : '';
|
|
if ($.inArray(n.oper, so) !== -1) {
|
|
repstr += '<option value="' + n.oper + '" ' + selected + '>' + n.text + '</option>';
|
|
}
|
|
});
|
|
str1 = '<div><select id="oper2" class="' + colmenustyle.filter_select + '">' + repstr + '</select></div>';
|
|
elem.append(str1);
|
|
// value2
|
|
if (v2) {
|
|
df = v2;
|
|
} else {
|
|
df = "";
|
|
}
|
|
soptions = $.extend(cm.searchoptions, { name: cm.index || cm.name, id: "sval2_" + ts.p.idPrefix + cm.name, oper: 'search' });
|
|
input = $.jgrid.createEl.call(ts, cm.stype, soptions, df, false, $.extend({}, $.jgrid.ajaxOptions, ts.p.ajaxSelectOptions || {}));
|
|
$(input).addClass(colmenustyle.filter_input);
|
|
str1 = $('<div></div>').append(input);
|
|
elem.append(str1);
|
|
// buttons
|
|
str1 = "<div>";
|
|
str1 += "<div class='search_buttons'><a tabindex='0' id='bs_reset' class='fm-button " + common.button + " ui-reset'>" + texts.Reset + "</a></div>";
|
|
str1 += "<div class='search_buttons'><a tabindex='0' id='bs_search' class='fm-button " + common.button + " ui-search'>" + texts.Find + "</a></div>";
|
|
str1 += "</div>";
|
|
elem.append(str1);
|
|
elem = $('<li class="ui-menu-item" role="presentation"></li>').append(elem);
|
|
elem = $('<ul id="search_menu" class="ui-search-menu modal-content" role="menu" tabindex="0" style="left:' + left + 'px;top:' + top + 'px;"></ul>').append(elem);
|
|
$(parent).append(elem);
|
|
$("#search_menu").addClass("ui-menu " + colmenustyle.menu_widget);
|
|
$("#bs_reset, #bs_search", "#search_menu").hover(function () {
|
|
$(this).addClass(hover);
|
|
}, function () {
|
|
$(this).removeClass(hover);
|
|
});
|
|
|
|
$(elem).find("#bs_reset").click(function (e) {
|
|
ts.p.colFilters[cm.name] = {};
|
|
ts.p.postData.filters = buildFilters();
|
|
ts.p.search = true;
|
|
$(ts).trigger("reloadGrid");
|
|
$("#column_menu").remove();
|
|
return false;
|
|
});
|
|
$(elem).find("#bs_search").click(function (e) {
|
|
ts.p.colFilters[cm.name] = {
|
|
oper1: $("#oper1", "#search_menu").val(),
|
|
value1: $("#sval1_" + ts.p.idPrefix + cm.name, "#search_menu").val(),
|
|
rule: $("#operand", "#search_menu").val(),
|
|
oper2: $("#oper2", "#search_menu").val(),
|
|
value2: $("#sval2_" + ts.p.idPrefix + cm.name, "#search_menu").val()
|
|
};
|
|
ts.p.postData.filters = buildFilters();
|
|
ts.p.search = true;
|
|
$(ts).trigger("reloadGrid");
|
|
$("#column_menu").remove();
|
|
return false;
|
|
});
|
|
},
|
|
buildFilters = function () {
|
|
var go = "AND",
|
|
filters = "{\"groupOp\":\"" + go + "\",\"rules\":[], \"groups\" : [", i = 0;
|
|
for (var item in ts.p.colFilters) {
|
|
if (ts.p.colFilters.hasOwnProperty(item)) {
|
|
var si = ts.p.colFilters[item];
|
|
if (!$.isEmptyObject(si)) {
|
|
if (i > 0) {
|
|
filters += ",";
|
|
}
|
|
filters += "{\"groupOp\": \"" + si.rule + "\", \"rules\" : [";
|
|
filters += "{\"field\":\"" + item + "\",";
|
|
filters += "\"op\":\"" + si.oper1 + "\",";
|
|
si.value1 += "";
|
|
filters += "\"data\":\"" + si.value1.replace(/\\/g, '\\\\').replace(/\"/g, '\\"') + "\"}";
|
|
if (si.value2) {
|
|
filters += ",{\"field\":\"" + item + "\",";
|
|
filters += "\"op\":\"" + si.oper2 + "\",";
|
|
si.value2 += "";
|
|
filters += "\"data\":\"" + si.value2.replace(/\\/g, '\\\\').replace(/\"/g, '\\"') + "\"}";
|
|
}
|
|
filters += "]}";
|
|
i++;
|
|
} else {
|
|
//console.log('empty object');
|
|
}
|
|
}
|
|
}
|
|
filters += "]}";
|
|
return filters;
|
|
},
|
|
buildGrouping = function (index, isgroup) {
|
|
var cm = ts.p.colModel[index],
|
|
group = ts.p.groupingView;
|
|
if (isgroup !== -1) {
|
|
group.groupField.splice(isgroup, 1);
|
|
} else {
|
|
group.groupField.push(cm.name);
|
|
}
|
|
$(ts).jqGrid('groupingGroupBy', group.groupField);
|
|
if (ts.p.frozenColumns) {
|
|
$(ts).jqGrid("destroyFrozenColumns");
|
|
$(ts).jqGrid("setFrozenColumns");
|
|
}
|
|
},
|
|
buildFreeze = function (index, isfreeze) {
|
|
var cols = [], i, len = ts.p.colModel.length, lastfrozen = -1, cm = ts.p.colModel;;
|
|
for (i = 0; i < len; i++) {
|
|
if (cm[i].frozen) {
|
|
lastfrozen = i;
|
|
}
|
|
cols.push(i);
|
|
}
|
|
// from position index to lastfrozen+1
|
|
cols.splice(index, 1);
|
|
cols.splice(lastfrozen + (isfreeze ? 1 : 0), 0, index);
|
|
cm[index].frozen = isfreeze;
|
|
$(ts).jqGrid("destroyFrozenColumns");
|
|
$(ts).jqGrid("remapColumns", cols, true);
|
|
$(ts).jqGrid("setFrozenColumns");
|
|
},
|
|
buildColMenu = function (index, left, top) {
|
|
//$("#sopt_menu").remove();
|
|
left = parseInt(left, 10);
|
|
top = parseInt(top, 10) + 25;
|
|
var fs = $('.ui-jqgrid-view').css('font-size') || '11px';
|
|
var str = '<ul id="column_menu" class="ui-search-menu modal-content column-menu" role="menu" tabindex="0" style="font-size:' + fs + ';left:' + left + 'px;top:' + top + 'px;">',
|
|
cm = ts.p.colModel[index], op = $.extend({ sorting: true, columns: true, filtering: true, seraching: true, grouping: true, freeze: true }, cm.coloptions),
|
|
texts = $.jgrid.getRegional(ts, "colmenu"),
|
|
isgroup, isfreeze; // ???
|
|
// sorting
|
|
if (op.sorting) {
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="sortasc"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_sort_asc + '"></span></td><td class="menu_text">' + texts.sortasc + '</td></tr></table></a></li>';
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="sortdesc"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_sort_desc + '"></span></td><td class="menu_text">' + texts.sortdesc + '</td></tr></table></a></li>';
|
|
}
|
|
if (op.columns) {
|
|
str += '<li class="ui-menu-item divider" role="separator"></li>';
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="columns"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_columns + '"></span></td><td class="menu_text">' + texts.columns + '</td></tr></table></a></li>';
|
|
}
|
|
if (op.filtering) {
|
|
str += '<li class="ui-menu-item divider" role="separator"></li>';
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="filtering"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_filter + '"></span></td><td class="menu_text">' + texts.filter + ' ' + (cm.label || cm.name) + '</td></tr></table></a></li>';
|
|
}
|
|
if (op.grouping) {
|
|
isgroup = $.inArray(cm.name, ts.p.groupingView.groupField);
|
|
str += '<li class="ui-menu-item divider" role="separator"></li>';
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="grouping"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_group + '"></span></td><td class="menu_text">' + (isgroup !== -1 ? texts.ungrouping : texts.grouping + ' ' + (cm.label || cm.name)) + '</td></tr></table></a></li>';
|
|
}
|
|
if (op.freeze) {
|
|
isfreeze = (cm.frozen && ts.p.frozenColumns) ? false : true;
|
|
str += '<li class="ui-menu-item divider" role="separator"></li>';
|
|
str += '<li class="ui-menu-item" role="presentation"><a class="g-menu-item" tabindex="0" role="menuitem" value="freeze"><table class="ui-common-table"><tr><td class="menu_icon"><span class="' + iconbase + ' ' + colmenustyle.icon_freeze + '"></span></td><td class="menu_text">' + (isfreeze ? (texts.freeze + " " + (cm.label || cm.name)) : texts.unfreeze) + '</td></tr></table></a></li>';
|
|
}
|
|
str += "</ul>";
|
|
$('body').append(str);
|
|
$("#column_menu").addClass("ui-menu " + colmenustyle.menu_widget);
|
|
$("#column_menu > li > a").hover(
|
|
function () {
|
|
$("#col_menu").remove();
|
|
$("#search_menu").remove();
|
|
if ($(this).attr("value") === 'columns') {
|
|
var left1 = $(this).parent().width() + 18,
|
|
top1 = $(this).parent().position().top - 5;
|
|
buildColItems(top1, left1, $(this).parent());
|
|
}
|
|
if ($(this).attr("value") === 'filtering') {
|
|
var left1 = $(this).parent().width() + 18,
|
|
top1 = $(this).parent().position().top - 5;
|
|
buildSearchBox(index, top1, left1, $(this).parent());
|
|
}
|
|
$(this).addClass(hover);
|
|
},
|
|
function () { $(this).removeClass(hover); }
|
|
).click(function () {
|
|
var v = $(this).attr("value"),
|
|
sobj = ts.grid.headers[index].el;
|
|
if (v === 'sortasc') {
|
|
sortData("jqgh_" + ts.p.id + "_" + cm.name, index, true, 'asc', sobj);
|
|
} else if (v === 'sortdesc') {
|
|
sortData("jqgh_" + ts.p.id + "_" + cm.name, index, true, 'desc', sobj);
|
|
} else if (v === 'grouping') {
|
|
buildGrouping(index, isgroup);
|
|
} else if (v === 'freeze') {
|
|
buildFreeze(index, isfreeze);
|
|
}
|
|
if (v.indexOf('sort') !== -1 || v === 'grouping' || v === 'freeze') {
|
|
$(this).remove();
|
|
}
|
|
});
|
|
},
|
|
colTemplate;
|
|
if (ts.p.colMenu) {
|
|
$("body").on('click', function (e) {
|
|
if (!$(e.target).closest(".column-menu").length) {
|
|
$("#column_menu").remove();
|
|
}
|
|
});
|
|
}
|
|
this.p.id = this.id;
|
|
if ($.inArray(ts.p.multikey, sortkeys) === -1) { ts.p.multikey = false; }
|
|
ts.p.keyName = false;
|
|
for (i = 0; i < ts.p.colModel.length; i++) {
|
|
colTemplate = typeof ts.p.colModel[i].template === "string" ?
|
|
($.jgrid.cmTemplate != null && typeof $.jgrid.cmTemplate[ts.p.colModel[i].template] === "object" ? $.jgrid.cmTemplate[ts.p.colModel[i].template] : {}) :
|
|
ts.p.colModel[i].template;
|
|
ts.p.colModel[i] = $.extend(true, {}, ts.p.cmTemplate, colTemplate || {}, ts.p.colModel[i]);
|
|
if (ts.p.keyName === false && ts.p.colModel[i].key === true) {
|
|
ts.p.keyName = ts.p.colModel[i].name;
|
|
}
|
|
}
|
|
ts.p.sortorder = ts.p.sortorder.toLowerCase();
|
|
$.jgrid.cell_width = $.jgrid.cellWidth();
|
|
if (ts.p.grouping === true) {
|
|
ts.p.scroll = false;
|
|
ts.p.rownumbers = false;
|
|
//ts.p.subGrid = false; expiremental
|
|
ts.p.treeGrid = false;
|
|
ts.p.gridview = true;
|
|
}
|
|
if (this.p.treeGrid === true) {
|
|
try { $(this).jqGrid("setTreeGrid"); } catch (_) { }
|
|
if (ts.p.datatype !== "local") { ts.p.localReader = { id: "_id_" }; }
|
|
}
|
|
if (this.p.subGrid) {
|
|
try { $(ts).jqGrid("setSubGrid"); } catch (s) { }
|
|
}
|
|
if (this.p.multiselect) {
|
|
this.p.colNames.unshift("<div class=\"ckbox\"><input role=\"checkbox\" type=\"checkbox\"" + " id=\"cb_" + this.p.id + "\"><label for=\"cb_" + this.p.id + "\"></label></div>");
|
|
this.p.colModel.unshift({ name: 'cb', width: $.jgrid.cell_width ? ts.p.multiselectWidth + ts.p.cellLayout : ts.p.multiselectWidth, sortable: false, resizable: false, hidedlg: true, search: false, align: 'center', fixed: true, frozen: true });
|
|
}
|
|
if (this.p.rownumbers) {
|
|
this.p.colNames.unshift("");
|
|
this.p.colModel.unshift({ name: 'rn', width: ts.p.rownumWidth, sortable: false, resizable: false, hidedlg: true, search: false, align: 'center', fixed: true, frozen: true });
|
|
}
|
|
ts.p.xmlReader = $.extend(true, {
|
|
root: "rows",
|
|
row: "row",
|
|
page: "rows>page",
|
|
total: "rows>total",
|
|
records: "rows>records",
|
|
repeatitems: true,
|
|
cell: "cell",
|
|
id: "[id]",
|
|
userdata: "userdata",
|
|
subgrid: { root: "rows", row: "row", repeatitems: true, cell: "cell" }
|
|
}, ts.p.xmlReader);
|
|
ts.p.jsonReader = $.extend(true, {
|
|
root: "rows",
|
|
page: "page",
|
|
total: "total",
|
|
records: "records",
|
|
repeatitems: true,
|
|
cell: "cell",
|
|
id: "id",
|
|
userdata: "userdata",
|
|
subgrid: { root: "rows", repeatitems: true, cell: "cell" }
|
|
}, ts.p.jsonReader);
|
|
ts.p.localReader = $.extend(true, {
|
|
root: "rows",
|
|
page: "page",
|
|
total: "total",
|
|
records: "records",
|
|
repeatitems: false,
|
|
cell: "cell",
|
|
id: "id",
|
|
userdata: "userdata",
|
|
subgrid: { root: "rows", repeatitems: true, cell: "cell" }
|
|
}, ts.p.localReader);
|
|
if (ts.p.scroll) {
|
|
ts.p.pgbuttons = false; ts.p.pginput = false; ts.p.rowList = [];
|
|
}
|
|
if (ts.p.data.length) { normalizeData(); refreshIndex(); }
|
|
var thead = "<thead><tr class='ui-jqgrid-labels' role='row'>",
|
|
tdc, idn, w, res, sort = "",
|
|
td, ptr, tbody, imgs, iac = "", idc = "", tmpcm;
|
|
if (ts.p.shrinkToFit === true && ts.p.forceFit === true) {
|
|
for (i = ts.p.colModel.length - 1; i >= 0; i--) {
|
|
if (!ts.p.colModel[i].hidden) {
|
|
ts.p.colModel[i].resizable = false;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (ts.p.viewsortcols[1] === 'horizontal') {
|
|
iac = " ui-i-asc";
|
|
idc = " ui-i-desc";
|
|
} else if (ts.p.viewsortcols[1] === "single") {
|
|
iac = " ui-single-sort-asc";
|
|
idc = " ui-single-sort-desc";
|
|
sort = " style='display:none'";
|
|
ts.p.viewsortcols[0] = false;
|
|
}
|
|
tdc = isMSIE ? "class='ui-th-div-ie'" : "";
|
|
imgs = "<span class='s-ico' style='display:none'>";
|
|
imgs += "<span sort='asc' class='ui-grid-ico-sort ui-icon-asc" + iac + " ui-sort-" + dir + " " + disabled + " " + iconbase + " " + getstyle(stylemodule, 'icon_asc', true) + "'" + sort + "></span>";
|
|
imgs += "<span sort='desc' class='ui-grid-ico-sort ui-icon-desc" + idc + " ui-sort-" + dir + " " + disabled + " " + iconbase + " " + getstyle(stylemodule, 'icon_desc', true) + "'" + sort + "></span></span>";
|
|
if (ts.p.multiSort) {
|
|
if (ts.p.sortname) {
|
|
sortarr = ts.p.sortname.split(",");
|
|
for (i = 0; i < sortarr.length; i++) {
|
|
sotmp = $.trim(sortarr[i]).split(" ");
|
|
sortarr[i] = $.trim(sotmp[0]);
|
|
sortord[i] = sotmp[1] ? $.trim(sotmp[1]) : ts.p.sortorder || "asc";
|
|
}
|
|
}
|
|
}
|
|
//扩展
|
|
var _used_width = 0;
|
|
var _colNo = 0;
|
|
for (i = 0; i < this.p.colNames.length; i++) {
|
|
var _hidden = ts.p.colModel[i].hidden;
|
|
if (ts.p.colModel[i].autowidth == true) {
|
|
_colNo = i;
|
|
break;
|
|
}
|
|
if (_hidden == undefined) {
|
|
_colNo = i;
|
|
}
|
|
}
|
|
for (i = 0; i < this.p.colNames.length; i++) {
|
|
var tooltip = ts.p.headertitles ? (" title=\"" + $.jgrid.stripHtml(ts.p.colNames[i]) + "\"") : "";
|
|
tmpcm = ts.p.colModel[i];
|
|
//扩展
|
|
var _hidden = tmpcm.hidden;
|
|
var _width = tmpcm.width;
|
|
if (_hidden != undefined) {
|
|
_width = 0;
|
|
} else {
|
|
_used_width += _width + 8;
|
|
}
|
|
if (i == _colNo) {
|
|
if ($("#gview_" + ts.p.id).width() > _used_width) {
|
|
if (tmpcm.autowidth == true || tmpcm.autowidth == undefined) {
|
|
_width = _width + $("#gview_" + ts.p.id).width() - _used_width - 22;
|
|
}
|
|
}
|
|
}
|
|
if (!tmpcm.hasOwnProperty('colmenu')) {
|
|
tmpcm.colmenu = (tmpcm.name === "rn" || tmpcm.name === "cb" || tmpcm.name === "subgrid") ? false : true;
|
|
}
|
|
thead += "<th id='" + ts.p.id + "_" + tmpcm.name + "' style='text-align:" + tmpcm.align + ";' role='columnheader' " + getstyle(stylemodule, 'headerBox', false, "ui-th-column ui-th-" + dir) + " " + tooltip + ">";
|
|
idn = tmpcm.index || tmpcm.name;
|
|
thead += "<div class='ui-th-div' id='jqgh_" + ts.p.id + "_" + tmpcm.name + "' " + tdc + ">" + ts.p.colNames[i];
|
|
tmpcm.width = _width ? parseInt(_width, 10) : 150
|
|
if (typeof tmpcm.title !== "boolean") {
|
|
tmpcm.title = true;
|
|
}
|
|
tmpcm.lso = "";
|
|
if (idn === ts.p.sortname) {
|
|
ts.p.lastsort = i;
|
|
}
|
|
if (ts.p.multiSort) {
|
|
sotmp = $.inArray(idn, sortarr);
|
|
if (sotmp !== -1) {
|
|
tmpcm.lso = sortord[sotmp];
|
|
}
|
|
}
|
|
thead += imgs;
|
|
if (ts.p.colMenu && tmpcm.colmenu) {
|
|
thead += "<a class='colmenu' href='#/'><span class='colmenuspan " + iconbase + ' ' + colmenustyle.icon_menu + "'></span></a>";
|
|
}
|
|
thead += "</div></th>";
|
|
}
|
|
thead += "</tr></thead>";
|
|
imgs = null;
|
|
tmpcm = null;
|
|
$(this).append(thead);
|
|
$("thead tr:first th", this).hover(
|
|
function () { $(this).addClass(hover); },
|
|
function () { $(this).removeClass(hover); }
|
|
);
|
|
if (this.p.multiselect) {
|
|
var emp = [], chk;
|
|
$('#cb_' + $.jgrid.jqID(ts.p.id), this).bind('click', function () {
|
|
ts.p.selarrrow = [];
|
|
var froz = ts.p.frozenColumns === true ? ts.p.id + "_frozen" : "";
|
|
if (this.checked) {
|
|
$(ts.rows).each(function (i) {
|
|
if (i > 0) {
|
|
if (!$(this).hasClass("ui-subgrid") && !$(this).hasClass("jqgroup") && !$(this).hasClass(disabled) && !$(this).hasClass("jqfoot")) {
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(this.id))[ts.p.useProp ? 'prop' : 'attr']("checked", true);
|
|
$(this).addClass(highlight).attr("aria-selected", "true");
|
|
ts.p.selarrrow.push(this.id);
|
|
ts.p.selrow = this.id;
|
|
if (froz) {
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(this.id), ts.grid.fbDiv)[ts.p.useProp ? 'prop' : 'attr']("checked", true);
|
|
$("#" + $.jgrid.jqID(this.id), ts.grid.fbDiv).addClass(highlight);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
chk = true;
|
|
emp = [];
|
|
}
|
|
else {
|
|
$(ts.rows).each(function (i) {
|
|
if (i > 0) {
|
|
if (!$(this).hasClass("ui-subgrid") && !$(this).hasClass("jqgroup") && !$(this).hasClass(disabled) && !$(this).hasClass("jqfoot")) {
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(this.id))[ts.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
$(this).removeClass(highlight).attr("aria-selected", "false");
|
|
emp.push(this.id);
|
|
if (froz) {
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(this.id), ts.grid.fbDiv)[ts.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
$("#" + $.jgrid.jqID(this.id), ts.grid.fbDiv).removeClass(highlight);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
ts.p.selrow = null;
|
|
chk = false;
|
|
}
|
|
$(ts).triggerHandler("jqGridSelectAll", [chk ? ts.p.selarrrow : emp, chk]);
|
|
if ($.isFunction(ts.p.onSelectAll)) { ts.p.onSelectAll.call(ts, chk ? ts.p.selarrrow : emp, chk); }
|
|
});
|
|
}
|
|
|
|
if (ts.p.autowidth === true) {
|
|
var pw = $(eg).innerWidth();
|
|
ts.p.width = pw > 0 ? pw : 'nw';
|
|
}
|
|
setColWidth();
|
|
$(eg).css("width", grid.width + "px").append("<div class='ui-jqgrid-resize-mark' id='rs_m" + ts.p.id + "'> </div>");
|
|
if (ts.p.scrollPopUp) {
|
|
$(eg).append("<div " + getstyle(stylemodule, 'scrollBox', false, 'loading ui-scroll-popup') + " id='scroll_g" + ts.p.id + "'></div>");
|
|
}
|
|
$(gv).css("width", grid.width + "px");
|
|
thead = $("thead:first", ts).get(0);
|
|
var tfoot = "";
|
|
if (ts.p.footerrow) { tfoot += "<table role='presentation' style='width:" + ts.p.tblwidth + "px' " + getstyle(stylemodule, 'footerTable', false, 'ui-jqgrid-ftable ui-common-table') + "><tbody><tr role='row' " + getstyle(stylemodule, 'footerBox', false, 'footrow footrow-' + dir) + ">"; }
|
|
var thr = $("tr:first", thead),
|
|
firstr = "<tr class='jqgfirstrow' role='row'>";
|
|
ts.p.disableClick = false;
|
|
$("th", thr).each(function (j) {
|
|
tmpcm = ts.p.colModel[j];
|
|
w = tmpcm.width;
|
|
if (tmpcm.resizable === undefined) {
|
|
tmpcm.resizable = true;
|
|
}
|
|
if (tmpcm.resizable) {
|
|
res = document.createElement("span");
|
|
$(res).html(" ").addClass('ui-jqgrid-resize ui-jqgrid-resize-' + dir)
|
|
.css("cursor", "col-resize");
|
|
$(this).addClass(ts.p.resizeclass);
|
|
} else {
|
|
res = "";
|
|
}
|
|
$(this).css("width", w + "px").prepend(res);
|
|
res = null;
|
|
var hdcol = "";
|
|
if (tmpcm.hidden) {
|
|
$(this).css("display", "none");
|
|
hdcol = "display:none;";
|
|
}
|
|
firstr += "<td role='gridcell' style='height:0px;width:" + w + "px;" + hdcol + "'></td>";
|
|
grid.headers[j] = { width: w, el: this };
|
|
sort = tmpcm.sortable;
|
|
if (typeof sort !== 'boolean') {
|
|
tmpcm.sortable = true;
|
|
sort = true;
|
|
}
|
|
var nm = tmpcm.name;
|
|
if (!(nm === 'cb' || nm === 'subgrid' || nm === 'rn')) {
|
|
if (ts.p.viewsortcols[2]) {
|
|
$(">div", this).addClass('ui-jqgrid-sortable');
|
|
}
|
|
}
|
|
if (sort) {
|
|
if (ts.p.multiSort) {
|
|
if (ts.p.viewsortcols[0]) {
|
|
$("div span.s-ico", this).show();
|
|
if (ts.p.colModel[j].lso) {
|
|
$("div span.ui-icon-" + tmpcm.lso, this).removeClass(disabled).css("display", "");
|
|
}
|
|
} else if (ts.p.colModel[j].lso) {
|
|
$("div span.s-ico", this).show();
|
|
$("div span.ui-icon-" + tmpcm.lso, this).removeClass(disabled).css("display", "");
|
|
}
|
|
} else {
|
|
if (ts.p.viewsortcols[0]) {
|
|
$("div span.s-ico", this).show();
|
|
if (j === ts.p.lastsort) {
|
|
$("div span.ui-icon-" + ts.p.sortorder, this).removeClass(disabled).css("display", "");
|
|
}
|
|
} else if (j === ts.p.lastsort && ts.p.sortname !== "") {
|
|
$("div span.s-ico", this).show();
|
|
$("div span.ui-icon-" + ts.p.sortorder, this).removeClass(disabled).css("display", "");
|
|
}
|
|
}
|
|
}
|
|
if (ts.p.footerrow) {
|
|
tfoot += "<td role='gridcell' " + formatCol(j, 0, '', null, '', false) + "> </td>";
|
|
}
|
|
}).mousedown(function (e) {
|
|
if ($(e.target).closest("th>span.ui-jqgrid-resize").length !== 1) { return; }
|
|
var ci = getColumnHeaderIndex(this);
|
|
if (ts.p.forceFit === true) { ts.p.nv = nextVisible(ci); }
|
|
grid.dragStart(ci, e, getOffset(ci));
|
|
return false;
|
|
}).click(function (e) {
|
|
if (ts.p.disableClick) {
|
|
ts.p.disableClick = false;
|
|
return false;
|
|
}
|
|
var s = "th>div.ui-jqgrid-sortable", r, d;
|
|
if (!ts.p.viewsortcols[2]) { s = "th>div>span>span.ui-grid-ico-sort"; }
|
|
var t = $(e.target).closest(s);
|
|
if (t.length !== 1) { return; }
|
|
var ci;
|
|
if (ts.p.frozenColumns) {
|
|
var tid = $(this)[0].id.substring(ts.p.id.length + 1);
|
|
$(ts.p.colModel).each(function (i) {
|
|
if (this.name === tid) {
|
|
ci = i; return false;
|
|
}
|
|
});
|
|
} else {
|
|
ci = getColumnHeaderIndex(this);
|
|
}
|
|
//
|
|
if ($(e.target).hasClass('colmenuspan')) {
|
|
if ($("#column_menu")[0] != null) {
|
|
$("#column_menu").remove();
|
|
}
|
|
|
|
var colindex = $.jgrid.getCellIndex(e.target);
|
|
if (colindex === -1) { return; }
|
|
var offset = $(this).offset(),
|
|
left = (offset.left),
|
|
top = (offset.top);
|
|
buildColMenu(colindex, left, top, t);
|
|
e.stopPropagation();
|
|
return;
|
|
}
|
|
//
|
|
if (!ts.p.viewsortcols[2]) { r = true; d = t.attr("sort"); }
|
|
if (ci != null) {
|
|
sortData($('div', this)[0].id, ci, r, d, this);
|
|
}
|
|
return false;
|
|
});
|
|
tmpcm = null;
|
|
if (ts.p.sortable && $.fn.sortable) {
|
|
try {
|
|
$(ts).jqGrid("sortableColumns", thr);
|
|
} catch (e) { }
|
|
}
|
|
if (ts.p.footerrow) { tfoot += "</tr></tbody></table>"; }
|
|
firstr += "</tr>";
|
|
tbody = document.createElement("tbody");
|
|
//$(this).append(firstr);
|
|
this.appendChild(tbody);
|
|
$(this).addClass(getstyle(stylemodule, "rowTable", true, 'ui-jqgrid-btable ui-common-table')).append(firstr);
|
|
//$(firstr).insertAfter(this);
|
|
firstr = null;
|
|
var hTable = $("<table " + getstyle(stylemodule, 'headerTable', false, 'ui-jqgrid-htable ui-common-table') + " style='width:" + ts.p.tblwidth + "px' role='presentation' aria-labelledby='gbox_" + this.id + "'></table>").append(thead),
|
|
hg = (ts.p.caption && ts.p.hiddengrid === true) ? true : false,
|
|
hb = $("<div class='ui-jqgrid-hbox" + (dir === "rtl" ? "-rtl" : "") + "'></div>"),
|
|
bstw = ts.p.styleUI === 'Bootstrap' ? 2 : 0;
|
|
thead = null;
|
|
grid.hDiv = document.createElement("div");
|
|
grid.hDiv.style.width = (grid.width - bstw) + "px";
|
|
grid.hDiv.className = getstyle(stylemodule, 'headerDiv', true, 'ui-jqgrid-hdiv');
|
|
|
|
$(grid.hDiv).append(hb);
|
|
$(hb).append(hTable);
|
|
hTable = null;
|
|
if (hg) { $(grid.hDiv).hide(); }
|
|
if (ts.p.pager) {
|
|
// TBD -- escape ts.p.pager here?
|
|
if (typeof ts.p.pager === "string") { if (ts.p.pager.substr(0, 1) !== "#") { ts.p.pager = "#" + ts.p.pager; } }
|
|
else { ts.p.pager = "#" + $(ts.p.pager).attr("id"); }
|
|
$(ts.p.pager).css({ width: grid.width + "px" }).addClass(getstyle(stylemodule, 'pagerBox', true, 'ui-jqgrid-pager')).appendTo(eg);
|
|
if (hg) { $(ts.p.pager).hide(); }
|
|
setPager(ts.p.pager, '');
|
|
}
|
|
if (ts.p.cellEdit === false && ts.p.hoverrows === true) {
|
|
$(ts).bind('mouseover', function (e) {
|
|
ptr = $(e.target).closest("tr.jqgrow");
|
|
if ($(ptr).attr("class") !== "ui-subgrid") {
|
|
$(ptr).addClass(hover);
|
|
}
|
|
}).bind('mouseout', function (e) {
|
|
ptr = $(e.target).closest("tr.jqgrow");
|
|
$(ptr).removeClass(hover);
|
|
});
|
|
}
|
|
var ri, ci, tdHtml;
|
|
$(ts).before(grid.hDiv).click(function (e) {
|
|
td = e.target;
|
|
ptr = $(td, ts.rows).closest("tr.jqgrow");
|
|
if ($(ptr).length === 0 || ptr[0].className.indexOf(disabled) > -1 || ($(td, ts).closest("table.ui-jqgrid-btable").attr('id') || '').replace("_frozen", "") !== ts.id) {
|
|
return this;
|
|
}
|
|
var scb = $(td).filter(":enabled").hasClass("cbox"),
|
|
cSel = $(ts).triggerHandler("jqGridBeforeSelectRow", [ptr[0].id, e]);
|
|
cSel = (cSel === false || cSel === 'stop') ? false : true;
|
|
if ($.isFunction(ts.p.beforeSelectRow)) {
|
|
var allowRowSelect = ts.p.beforeSelectRow.call(ts, ptr[0].id, e);
|
|
if (allowRowSelect === false || allowRowSelect === 'stop') {
|
|
cSel = false;
|
|
}
|
|
}
|
|
if (td.tagName === 'A' || ((td.tagName === 'INPUT' || td.tagName === 'TEXTAREA' || td.tagName === 'OPTION' || td.tagName === 'SELECT') && !scb)) { return; }
|
|
ri = ptr[0].id;
|
|
td = $(td).closest("tr.jqgrow>td");
|
|
if (td.length > 0) {
|
|
ci = $.jgrid.getCellIndex(td);
|
|
tdHtml = $(td).closest("td,th").html();
|
|
$(ts).triggerHandler("jqGridCellSelect", [ri, ci, tdHtml, e]);
|
|
if ($.isFunction(ts.p.onCellSelect)) {
|
|
ts.p.onCellSelect.call(ts, ri, ci, tdHtml, e);
|
|
}
|
|
}
|
|
if (ts.p.cellEdit === true) {
|
|
if (ts.p.multiselect && scb && cSel) {
|
|
$(ts).jqGrid("setSelection", ri, true, e);
|
|
} else if (td.length > 0) {
|
|
try {
|
|
$(ts).jqGrid("editCell", ptr[0].rowIndex, ci, true);
|
|
} catch (_) { }
|
|
}
|
|
return;
|
|
}
|
|
if (!cSel) {
|
|
return;
|
|
}
|
|
if (!ts.p.multikey) {
|
|
if (ts.p.multiselect && ts.p.multiboxonly) {
|
|
if (scb) { $(ts).jqGrid("setSelection", ri, true, e); }
|
|
else {
|
|
var frz = ts.p.frozenColumns ? ts.p.id + "_frozen" : "";
|
|
$(ts.p.selarrrow).each(function (i, n) {
|
|
var trid = $(ts).jqGrid('getGridRowById', n);
|
|
if (trid) { $(trid).removeClass(highlight); }
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(n))[ts.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
if (frz) {
|
|
$("#" + $.jgrid.jqID(n), "#" + $.jgrid.jqID(frz)).removeClass(highlight);
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + $.jgrid.jqID(n), "#" + $.jgrid.jqID(frz))[ts.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
}
|
|
});
|
|
ts.p.selarrrow = [];
|
|
$(ts).jqGrid("setSelection", ri, true, e);
|
|
}
|
|
} else {
|
|
$(ts).jqGrid("setSelection", ri, true, e);
|
|
}
|
|
} else {
|
|
if (e[ts.p.multikey]) {
|
|
$(ts).jqGrid("setSelection", ri, true, e);
|
|
} else if (ts.p.multiselect && scb) {
|
|
scb = $("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + ri).is(":checked");
|
|
$("#jqg_" + $.jgrid.jqID(ts.p.id) + "_" + ri)[ts.p.useProp ? 'prop' : 'attr']("checked", !scb);
|
|
}
|
|
}
|
|
}).bind('reloadGrid', function (e, opts) {
|
|
if (ts.p.treeGrid === true) { ts.p.datatype = ts.p.treedatatype; }
|
|
opts = opts || {};
|
|
if (opts.current) {
|
|
ts.grid.selectionPreserver(ts);
|
|
}
|
|
if (ts.p.datatype === "local") { $(ts).jqGrid("resetSelection"); if (ts.p.data.length) { normalizeData(); refreshIndex(); } }
|
|
else if (!ts.p.treeGrid) {
|
|
ts.p.selrow = null;
|
|
if (ts.p.multiselect) { ts.p.selarrrow = []; setHeadCheckBox(false); }
|
|
ts.p.savedRow = [];
|
|
}
|
|
if (ts.p.scroll) { emptyRows.call(ts, true, false); }
|
|
if (opts.page) {
|
|
var page = opts.page;
|
|
if (page > ts.p.lastpage) { page = ts.p.lastpage; }
|
|
if (page < 1) { page = 1; }
|
|
ts.p.page = page;
|
|
if (ts.grid.prevRowHeight) {
|
|
ts.grid.bDiv.scrollTop = (page - 1) * ts.grid.prevRowHeight * ts.p.rowNum;
|
|
} else {
|
|
ts.grid.bDiv.scrollTop = 0;
|
|
}
|
|
}
|
|
if (ts.grid.prevRowHeight && ts.p.scroll && opts.page === undefined) {
|
|
delete ts.p.lastpage;
|
|
ts.grid.populateVisible();
|
|
} else {
|
|
ts.grid.populate();
|
|
}
|
|
if (ts.p.inlineNav === true) { $(ts).jqGrid('showAddEditButtons'); }
|
|
return false;
|
|
})
|
|
.dblclick(function (e) {
|
|
td = e.target;
|
|
ptr = $(td, ts.rows).closest("tr.jqgrow");
|
|
if ($(ptr).length === 0) { return; }
|
|
ri = ptr[0].rowIndex;
|
|
ci = $.jgrid.getCellIndex(td);
|
|
var dbcr = $(ts).triggerHandler("jqGridDblClickRow", [$(ptr).attr("id"), ri, ci, e]);
|
|
if (dbcr != null) { return dbcr; }
|
|
if ($.isFunction(ts.p.ondblClickRow)) {
|
|
dbcr = ts.p.ondblClickRow.call(ts, $(ptr).attr("id"), ri, ci, e);
|
|
if (dbcr != null) { return dbcr; }
|
|
}
|
|
})
|
|
.bind('contextmenu', function (e) {
|
|
td = e.target;
|
|
ptr = $(td, ts.rows).closest("tr.jqgrow");
|
|
if ($(ptr).length === 0) { return; }
|
|
if (!ts.p.multiselect) { $(ts).jqGrid("setSelection", ptr[0].id, true, e); }
|
|
ri = ptr[0].rowIndex;
|
|
ci = $.jgrid.getCellIndex(td);
|
|
var rcr = $(ts).triggerHandler("jqGridRightClickRow", [$(ptr).attr("id"), ri, ci, e]);
|
|
if (rcr != null) { return rcr; }
|
|
if ($.isFunction(ts.p.onRightClickRow)) {
|
|
rcr = ts.p.onRightClickRow.call(ts, $(ptr).attr("id"), ri, ci, e);
|
|
if (rcr != null) { return rcr; }
|
|
}
|
|
});
|
|
grid.bDiv = document.createElement("div");
|
|
if (isMSIE) { if (String(ts.p.height).toLowerCase() === "auto") { ts.p.height = "100%"; } }
|
|
$(grid.bDiv)
|
|
.append($('<div style="position:relative;"></div>').append('<div></div>').append(this))
|
|
.addClass("ui-jqgrid-bdiv")
|
|
.css({ height: ts.p.height + (isNaN(ts.p.height) ? "" : "px"), width: (grid.width - bstw) + "px" })
|
|
.scroll(grid.scrollGrid);
|
|
$("table:first", grid.bDiv).css({ width: ts.p.tblwidth + "px" });
|
|
if (!$.support.tbody) { //IE
|
|
if ($("tbody", this).length === 2) { $("tbody:gt(0)", this).remove(); }
|
|
}
|
|
if (ts.p.multikey) {
|
|
if ($.jgrid.msie) {
|
|
$(grid.bDiv).bind("selectstart", function () { return false; });
|
|
} else {
|
|
$(grid.bDiv).bind("mousedown", function () { return false; });
|
|
}
|
|
}
|
|
if (hg) { // hidden grid
|
|
$(grid.bDiv).hide();
|
|
}
|
|
var icoo = iconbase + " " + getstyle(stylemodule, 'icon_caption_open', true),
|
|
icoc = iconbase + " " + getstyle(stylemodule, 'icon_caption_close', true);
|
|
grid.cDiv = document.createElement("div");
|
|
var arf = ts.p.hidegrid === true ? $("<a role='link' class='ui-jqgrid-titlebar-close HeaderButton " + cornerall + "' title='" + ($.jgrid.getRegional(ts, "defaults.showhide", ts.p.showhide) || "") + "'" + " />").hover(
|
|
function () { arf.addClass(hover); },
|
|
function () { arf.removeClass(hover); })
|
|
.append("<span class='ui-jqgrid-headlink " + icoo + "'></span>").css((dir === "rtl" ? "left" : "right"), "0px") : "";
|
|
$(grid.cDiv).append(arf).append("<span class='ui-jqgrid-title'>" + ts.p.caption + "</span>")
|
|
.addClass("ui-jqgrid-titlebar ui-jqgrid-caption" + (dir === "rtl" ? "-rtl" : "") + " " + getstyle(stylemodule, 'gridtitleBox', true));
|
|
$(grid.cDiv).insertBefore(grid.hDiv);
|
|
if (ts.p.toolbar[0]) {
|
|
var tbstyle = getstyle(stylemodule, 'customtoolbarBox', true, 'ui-userdata');
|
|
grid.uDiv = document.createElement("div");
|
|
if (ts.p.toolbar[1] === "top") { $(grid.uDiv).insertBefore(grid.hDiv); }
|
|
else if (ts.p.toolbar[1] === "bottom") { $(grid.uDiv).insertAfter(grid.hDiv); }
|
|
if (ts.p.toolbar[1] === "both") {
|
|
grid.ubDiv = document.createElement("div");
|
|
$(grid.uDiv).addClass(tbstyle + " ui-userdata-top").attr("id", "t_" + this.id).insertBefore(grid.hDiv).width(grid.width - bstw);
|
|
$(grid.ubDiv).addClass(tbstyle + " ui-userdata-bottom").attr("id", "tb_" + this.id).insertAfter(grid.hDiv).width(grid.width - bstw);
|
|
if (hg) { $(grid.ubDiv).hide(); }
|
|
} else {
|
|
$(grid.uDiv).width(grid.width - bstw).addClass(tbstyle + " ui-userdata-top").attr("id", "t_" + this.id);
|
|
}
|
|
if (hg) { $(grid.uDiv).hide(); }
|
|
}
|
|
if (ts.p.toppager) {
|
|
ts.p.toppager = $.jgrid.jqID(ts.p.id) + "_toppager";
|
|
grid.topDiv = $("<div id='" + ts.p.toppager + "'></div>")[0];
|
|
ts.p.toppager = "#" + ts.p.toppager;
|
|
$(grid.topDiv).addClass(getstyle(stylemodule, 'toppagerBox', true, 'ui-jqgrid-toppager')).width(grid.width - bstw).insertBefore(grid.hDiv);
|
|
setPager(ts.p.toppager, '_t');
|
|
}
|
|
if (ts.p.footerrow) {
|
|
grid.sDiv = $("<div class='ui-jqgrid-sdiv'></div>")[0];
|
|
hb = $("<div class='ui-jqgrid-hbox" + (dir === "rtl" ? "-rtl" : "") + "'></div>");
|
|
$(grid.sDiv).append(hb).width(grid.width - bstw).insertAfter(grid.hDiv);
|
|
$(hb).append(tfoot);
|
|
grid.footers = $(".ui-jqgrid-ftable", grid.sDiv)[0].rows[0].cells;
|
|
if (ts.p.rownumbers) { grid.footers[0].className = getstyle(stylemodule, 'rownumBox', true, 'jqgrid-rownum'); }
|
|
if (hg) { $(grid.sDiv).hide(); }
|
|
}
|
|
hb = null;
|
|
if (ts.p.caption) {
|
|
var tdt = ts.p.datatype;
|
|
if (ts.p.hidegrid === true) {
|
|
$(".ui-jqgrid-titlebar-close", grid.cDiv).click(function (e) {
|
|
var onHdCl = $.isFunction(ts.p.onHeaderClick),
|
|
elems = ".ui-jqgrid-bdiv, .ui-jqgrid-hdiv, .ui-jqgrid-toppager, .ui-jqgrid-pager, .ui-jqgrid-sdiv",
|
|
counter, self = this;
|
|
if (ts.p.toolbar[0] === true) {
|
|
if (ts.p.toolbar[1] === 'both') {
|
|
elems += ', #' + $(grid.ubDiv).attr('id');
|
|
}
|
|
elems += ', #' + $(grid.uDiv).attr('id');
|
|
}
|
|
counter = $(elems, "#gview_" + $.jgrid.jqID(ts.p.id)).length;
|
|
|
|
if (ts.p.gridstate === 'visible') {
|
|
$(elems, "#gbox_" + $.jgrid.jqID(ts.p.id)).slideUp("fast", function () {
|
|
counter--;
|
|
if (counter === 0) {
|
|
$("span", self).removeClass(icoo).addClass(icoc);
|
|
ts.p.gridstate = 'hidden';
|
|
if ($("#gbox_" + $.jgrid.jqID(ts.p.id)).hasClass("ui-resizable")) { $(".ui-resizable-handle", "#gbox_" + $.jgrid.jqID(ts.p.id)).hide(); }
|
|
$(ts).triggerHandler("jqGridHeaderClick", [ts.p.gridstate, e]);
|
|
if (onHdCl) { if (!hg) { ts.p.onHeaderClick.call(ts, ts.p.gridstate, e); } }
|
|
}
|
|
});
|
|
} else if (ts.p.gridstate === 'hidden') {
|
|
$(elems, "#gbox_" + $.jgrid.jqID(ts.p.id)).slideDown("fast", function () {
|
|
counter--;
|
|
if (counter === 0) {
|
|
$("span", self).removeClass(icoc).addClass(icoo);
|
|
if (hg) { ts.p.datatype = tdt; populate(); hg = false; }
|
|
ts.p.gridstate = 'visible';
|
|
if ($("#gbox_" + $.jgrid.jqID(ts.p.id)).hasClass("ui-resizable")) { $(".ui-resizable-handle", "#gbox_" + $.jgrid.jqID(ts.p.id)).show(); }
|
|
$(ts).triggerHandler("jqGridHeaderClick", [ts.p.gridstate, e]);
|
|
if (onHdCl) { if (!hg) { ts.p.onHeaderClick.call(ts, ts.p.gridstate, e); } }
|
|
}
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
if (hg) { ts.p.datatype = "local"; $(".ui-jqgrid-titlebar-close", grid.cDiv).trigger("click"); }
|
|
}
|
|
} else {
|
|
$(grid.cDiv).hide();
|
|
if (!ts.p.toppager) {
|
|
$(grid.hDiv).addClass(getstyle(ts.p.styleUI + '.common', 'cornertop', true));
|
|
}
|
|
}
|
|
$(grid.hDiv).after(grid.bDiv)
|
|
.mousemove(function (e) {
|
|
if (grid.resizing) { grid.dragMove(e); return false; }
|
|
});
|
|
$(".ui-jqgrid-labels", grid.hDiv).bind("selectstart", function () { return false; });
|
|
$(document).bind("mouseup.jqGrid" + ts.p.id, function () {
|
|
if (grid.resizing) { grid.dragEnd(true); return false; }
|
|
return true;
|
|
});
|
|
ts.formatCol = formatCol;
|
|
ts.sortData = sortData;
|
|
ts.updatepager = updatepager;
|
|
ts.refreshIndex = refreshIndex;
|
|
ts.setHeadCheckBox = setHeadCheckBox;
|
|
ts.constructTr = constructTr;
|
|
ts.formatter = function (rowId, cellval, colpos, rwdat, act) { return formatter(rowId, cellval, colpos, rwdat, act); };
|
|
$.extend(grid, { populate: populate, emptyRows: emptyRows, beginReq: beginReq, endReq: endReq });
|
|
this.grid = grid;
|
|
ts.addXmlData = function (d) { addXmlData(d); };
|
|
ts.addJSONData = function (d) { addJSONData(d); };
|
|
this.grid.cols = this.rows[0].cells;
|
|
$(ts).triggerHandler("jqGridInitGrid");
|
|
if ($.isFunction(ts.p.onInitGrid)) { ts.p.onInitGrid.call(ts); }
|
|
populate();
|
|
ts.p.hiddengrid = false;
|
|
if (ts.p.responsive) {
|
|
var supportsOrientationChange = "onorientationchange" in window,
|
|
orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";
|
|
$(window).on(orientationEvent, function () {
|
|
$(ts).jqGrid('resizeGrid');
|
|
});
|
|
}
|
|
});
|
|
};
|
|
$.jgrid.extend({
|
|
getGridParam: function (name, module) {
|
|
var $t = this[0], ret;
|
|
if (!$t || !$t.grid) { return; }
|
|
if (module === undefined && typeof module !== 'string') {
|
|
module = 'jqGrid'; //$t.p
|
|
}
|
|
ret = $t.p;
|
|
if (module !== 'jqGrid') {
|
|
try {
|
|
ret = $($t).data(module);
|
|
} catch (e) {
|
|
ret = $t.p;
|
|
}
|
|
}
|
|
if (!name) { return ret; }
|
|
return ret[name] !== undefined ? ret[name] : null;
|
|
},
|
|
setGridParam: function (newParams, overwrite) {
|
|
return this.each(function () {
|
|
if (overwrite == null) {
|
|
overwrite = false;
|
|
}
|
|
if (this.grid && typeof newParams === 'object') {
|
|
if (overwrite === true) {
|
|
var params = $.extend({}, this.p, newParams);
|
|
this.p = params;
|
|
} else {
|
|
$.extend(true, this.p, newParams);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
getGridRowById: function (rowid) {
|
|
var row;
|
|
this.each(function () {
|
|
try {
|
|
//row = this.rows.namedItem( rowid );
|
|
var i = this.rows.length;
|
|
while (i--) {
|
|
if (rowid.toString() === this.rows[i].id) {
|
|
row = this.rows[i];
|
|
break;
|
|
}
|
|
}
|
|
} catch (e) {
|
|
row = $(this.grid.bDiv).find("#" + $.jgrid.jqID(rowid));
|
|
}
|
|
});
|
|
return row;
|
|
},
|
|
getDataIDs: function () {
|
|
var ids = [], i = 0, len, j = 0;
|
|
this.each(function () {
|
|
len = this.rows.length;
|
|
if (len && len > 0) {
|
|
while (i < len) {
|
|
if ($(this.rows[i]).hasClass('jqgrow')) {
|
|
ids[j] = this.rows[i].id;
|
|
j++;
|
|
}
|
|
i++;
|
|
}
|
|
}
|
|
});
|
|
return ids;
|
|
},
|
|
setSelection: function (selection, onsr, e) {
|
|
return this.each(function () {
|
|
var $t = this, stat, pt, ner, ia, tpsr, fid, csr,
|
|
getstyle = $.jgrid.getMethod("getStyleUI"),
|
|
highlight = getstyle($t.p.styleUI + '.common', 'highlight', true),
|
|
disabled = getstyle($t.p.styleUI + '.common', 'disabled', true);
|
|
if (selection === undefined) { return; }
|
|
onsr = onsr === false ? false : true;
|
|
pt = $($t).jqGrid('getGridRowById', selection);
|
|
if (!pt || !pt.className || pt.className.indexOf(disabled) > -1) { return; }
|
|
function scrGrid(iR) {
|
|
var ch = $($t.grid.bDiv)[0].clientHeight,
|
|
st = $($t.grid.bDiv)[0].scrollTop,
|
|
rpos = $($t.rows[iR]).position().top,
|
|
rh = $t.rows[iR].clientHeight;
|
|
if (rpos + rh >= ch + st) { $($t.grid.bDiv)[0].scrollTop = rpos - (ch + st) + rh + st; }
|
|
else if (rpos < ch + st) {
|
|
if (rpos < st) {
|
|
$($t.grid.bDiv)[0].scrollTop = rpos;
|
|
}
|
|
}
|
|
}
|
|
if ($t.p.scrollrows === true) {
|
|
ner = $($t).jqGrid('getGridRowById', selection).rowIndex;
|
|
if (ner >= 0) {
|
|
scrGrid(ner);
|
|
}
|
|
}
|
|
if ($t.p.frozenColumns === true) {
|
|
fid = $t.p.id + "_frozen";
|
|
}
|
|
if (!$t.p.multiselect) {
|
|
if (pt.className !== "ui-subgrid") {
|
|
if ($t.p.selrow !== pt.id) {
|
|
csr = $($t).jqGrid('getGridRowById', $t.p.selrow);
|
|
if (csr) {
|
|
$(csr).removeClass(highlight).attr({ "aria-selected": "false", "tabindex": "-1" });
|
|
}
|
|
$(pt).addClass(highlight).attr({ "aria-selected": "true", "tabindex": "0" });//.focus();
|
|
if (fid) {
|
|
$("#" + $.jgrid.jqID($t.p.selrow), "#" + $.jgrid.jqID(fid)).removeClass(highlight);
|
|
$("#" + $.jgrid.jqID(selection), "#" + $.jgrid.jqID(fid)).addClass(highlight);
|
|
}
|
|
stat = true;
|
|
} else {
|
|
stat = false;
|
|
}
|
|
$t.p.selrow = pt.id;
|
|
if (onsr) {
|
|
$($t).triggerHandler("jqGridSelectRow", [pt.id, stat, e]);
|
|
if ($t.p.onSelectRow) { $t.p.onSelectRow.call($t, pt.id, stat, e); }
|
|
}
|
|
}
|
|
} else {
|
|
//unselect selectall checkbox when deselecting a specific row
|
|
$t.setHeadCheckBox(false);
|
|
$t.p.selrow = pt.id;
|
|
ia = $.inArray($t.p.selrow, $t.p.selarrrow);
|
|
if (ia === -1) {
|
|
if (pt.className !== "ui-subgrid") { $(pt).addClass(highlight).attr("aria-selected", "true"); }
|
|
stat = true;
|
|
$t.p.selarrrow.push($t.p.selrow);
|
|
} else {
|
|
if (pt.className !== "ui-subgrid") { $(pt).removeClass(highlight).attr("aria-selected", "false"); }
|
|
stat = false;
|
|
$t.p.selarrrow.splice(ia, 1);
|
|
tpsr = $t.p.selarrrow[0];
|
|
$t.p.selrow = (tpsr === undefined) ? null : tpsr;
|
|
}
|
|
$("#jqg_" + $.jgrid.jqID($t.p.id) + "_" + $.jgrid.jqID(pt.id))[$t.p.useProp ? 'prop' : 'attr']("checked", stat);
|
|
if (fid) {
|
|
if (ia === -1) {
|
|
$("#" + $.jgrid.jqID(selection), "#" + $.jgrid.jqID(fid)).addClass(highlight);
|
|
} else {
|
|
$("#" + $.jgrid.jqID(selection), "#" + $.jgrid.jqID(fid)).removeClass(highlight);
|
|
}
|
|
$("#jqg_" + $.jgrid.jqID($t.p.id) + "_" + $.jgrid.jqID(selection), "#" + $.jgrid.jqID(fid))[$t.p.useProp ? 'prop' : 'attr']("checked", stat);
|
|
}
|
|
if (onsr) {
|
|
$($t).triggerHandler("jqGridSelectRow", [pt.id, stat, e]);
|
|
if ($t.p.onSelectRow) { $t.p.onSelectRow.call($t, pt.id, stat, e); }
|
|
}
|
|
}
|
|
});
|
|
},
|
|
resetSelection: function (rowid) {
|
|
return this.each(function () {
|
|
var t = this, sr, fid,
|
|
getstyle = $.jgrid.getMethod("getStyleUI"),
|
|
highlight = getstyle(t.p.styleUI + '.common', 'highlight', true),
|
|
hover = getstyle(t.p.styleUI + '.common', 'hover', true);
|
|
if (t.p.frozenColumns === true) {
|
|
fid = t.p.id + "_frozen";
|
|
}
|
|
if (rowid !== undefined) {
|
|
sr = rowid === t.p.selrow ? t.p.selrow : rowid;
|
|
$("#" + $.jgrid.jqID(t.p.id) + " tbody:first tr#" + $.jgrid.jqID(sr)).removeClass(highlight).attr("aria-selected", "false");
|
|
if (fid) { $("#" + $.jgrid.jqID(sr), "#" + $.jgrid.jqID(fid)).removeClass(highlight); }
|
|
if (t.p.multiselect) {
|
|
$("#jqg_" + $.jgrid.jqID(t.p.id) + "_" + $.jgrid.jqID(sr), "#" + $.jgrid.jqID(t.p.id))[t.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
if (fid) { $("#jqg_" + $.jgrid.jqID(t.p.id) + "_" + $.jgrid.jqID(sr), "#" + $.jgrid.jqID(fid))[t.p.useProp ? 'prop' : 'attr']("checked", false); }
|
|
t.setHeadCheckBox(false);
|
|
var ia = $.inArray($.jgrid.jqID(sr), t.p.selarrrow);
|
|
if (ia !== -1) {
|
|
t.p.selarrrow.splice(ia, 1);
|
|
}
|
|
}
|
|
if (t.p.onUnSelectRow) { t.p.onUnSelectRow.call(t, sr); }
|
|
sr = null;
|
|
} else if (!t.p.multiselect) {
|
|
if (t.p.selrow) {
|
|
$("#" + $.jgrid.jqID(t.p.id) + " tbody:first tr#" + $.jgrid.jqID(t.p.selrow)).removeClass(highlight).attr("aria-selected", "false");
|
|
if (fid) { $("#" + $.jgrid.jqID(t.p.selrow), "#" + $.jgrid.jqID(fid)).removeClass(highlight); }
|
|
if (t.p.onUnSelectRow) { t.p.onUnSelectRow.call(t, t.p.selrow); }
|
|
t.p.selrow = null;
|
|
}
|
|
} else {
|
|
$(t.p.selarrrow).each(function (i, n) {
|
|
$($(t).jqGrid('getGridRowById', n)).removeClass(highlight).attr("aria-selected", "false");
|
|
$("#jqg_" + $.jgrid.jqID(t.p.id) + "_" + $.jgrid.jqID(n))[t.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
if (fid) {
|
|
$("#" + $.jgrid.jqID(n), "#" + $.jgrid.jqID(fid)).removeClass(highlight);
|
|
$("#jqg_" + $.jgrid.jqID(t.p.id) + "_" + $.jgrid.jqID(n), "#" + $.jgrid.jqID(fid))[t.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
}
|
|
if (t.p.onUnSelectRow) { t.p.onUnSelectRow.call(t, n); }
|
|
});
|
|
t.setHeadCheckBox(false);
|
|
t.p.selarrrow = [];
|
|
t.p.selrow = null;
|
|
}
|
|
if (t.p.cellEdit === true) {
|
|
if (parseInt(t.p.iCol, 10) >= 0 && parseInt(t.p.iRow, 10) >= 0) {
|
|
$("td:eq(" + t.p.iCol + ")", t.rows[t.p.iRow]).removeClass("edit-cell " + highlight);
|
|
$(t.rows[t.p.iRow]).removeClass("selected-row " + hover);
|
|
}
|
|
}
|
|
t.p.savedRow = [];
|
|
});
|
|
},
|
|
getRowData: function (rowid, usedata) {
|
|
var res = {}, resall, getall = false, len, j = 0;
|
|
this.each(function () {
|
|
var $t = this, nm, ind;
|
|
if (rowid == null) {
|
|
getall = true;
|
|
resall = [];
|
|
len = $t.rows.length - 1;
|
|
} else {
|
|
ind = $($t).jqGrid('getGridRowById', rowid);
|
|
if (!ind) { return res; }
|
|
len = 1;
|
|
}
|
|
if (!(usedata && usedata === true && $t.p.data.length > 0)) {
|
|
usedata = false;
|
|
}
|
|
while (j < len) {
|
|
if (getall) { ind = $t.rows[j]; }
|
|
if ($(ind).hasClass('jqgrow')) {
|
|
if (usedata) {
|
|
res = $t.p.data[$t.p._index[ind.id]];
|
|
} else {
|
|
$('td[role="gridcell"]', ind).each(function (i) {
|
|
nm = $t.p.colModel[i].name;
|
|
if (nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
|
|
if ($t.p.treeGrid === true && nm === $t.p.ExpandColumn) {
|
|
res[nm] = $.jgrid.htmlDecode($("span:first", this).html());
|
|
} else {
|
|
try {
|
|
res[nm] = $.unformat.call($t, this, { rowId: ind.id, colModel: $t.p.colModel[i] }, i);
|
|
} catch (e) {
|
|
res[nm] = $.jgrid.htmlDecode($(this).html());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
if (getall) { resall.push(res); res = {}; }
|
|
}
|
|
j++;
|
|
}
|
|
});
|
|
return resall || res;
|
|
},
|
|
delRowData: function (rowid) {
|
|
var success = false, rowInd, ia, nextRow;
|
|
this.each(function () {
|
|
var $t = this;
|
|
rowInd = $($t).jqGrid('getGridRowById', rowid);
|
|
if (!rowInd) { return false; }
|
|
if ($t.p.subGrid) {
|
|
nextRow = $(rowInd).next();
|
|
if (nextRow.hasClass('ui-subgrid')) {
|
|
nextRow.remove();
|
|
}
|
|
}
|
|
$(rowInd).remove();
|
|
$t.p.records--;
|
|
$t.p.reccount--;
|
|
$t.updatepager(true, false);
|
|
success = true;
|
|
if ($t.p.multiselect) {
|
|
ia = $.inArray(rowid, $t.p.selarrrow);
|
|
if (ia !== -1) { $t.p.selarrrow.splice(ia, 1); }
|
|
}
|
|
if ($t.p.multiselect && $t.p.selarrrow.length > 0) {
|
|
$t.p.selrow = $t.p.selarrrow[$t.p.selarrrow.length - 1];
|
|
} else {
|
|
if ($t.p.selrow === rowid) {
|
|
$t.p.selrow = null;
|
|
}
|
|
}
|
|
if ($t.p.datatype === 'local') {
|
|
var id = $.jgrid.stripPref($t.p.idPrefix, rowid),
|
|
pos = $t.p._index[id];
|
|
if (pos !== undefined) {
|
|
$t.p.data.splice(pos, 1);
|
|
$t.refreshIndex();
|
|
}
|
|
}
|
|
if ($t.p.altRows === true && success) {
|
|
var cn = $t.p.altclass;
|
|
$($t.rows).each(function (i) {
|
|
if (i % 2 === 1) { $(this).addClass(cn); }
|
|
else { $(this).removeClass(cn); }
|
|
});
|
|
}
|
|
});
|
|
return success;
|
|
},
|
|
setRowData: function (rowid, data, cssp) {
|
|
var nm, success = true, title;
|
|
this.each(function () {
|
|
if (!this.grid) { return false; }
|
|
var t = this, vl, ind, cp = typeof cssp, lcdata = {};
|
|
ind = $(this).jqGrid('getGridRowById', rowid);
|
|
if (!ind) { return false; }
|
|
if (data) {
|
|
try {
|
|
$(this.p.colModel).each(function (i) {
|
|
nm = this.name;
|
|
var dval = $.jgrid.getAccessor(data, nm);
|
|
if (dval !== undefined) {
|
|
lcdata[nm] = this.formatter && typeof this.formatter === 'string' && this.formatter === 'date' ? $.unformat.date.call(t, dval, this) : dval;
|
|
vl = t.formatter(rowid, lcdata[nm], i, data, 'edit');
|
|
title = this.title ? { "title": $.jgrid.stripHtml(vl) } : {};
|
|
if (t.p.treeGrid === true && nm === t.p.ExpandColumn) {
|
|
$("td[role='gridcell']:eq(" + i + ") > span:first", ind).html(vl).attr(title);
|
|
} else {
|
|
$("td[role='gridcell']:eq(" + i + ")", ind).html(vl).attr(title);
|
|
}
|
|
}
|
|
});
|
|
if (t.p.datatype === 'local') {
|
|
var id = $.jgrid.stripPref(t.p.idPrefix, rowid),
|
|
pos = t.p._index[id], key;
|
|
if (t.p.treeGrid) {
|
|
for (key in t.p.treeReader) {
|
|
if (t.p.treeReader.hasOwnProperty(key)) {
|
|
delete lcdata[t.p.treeReader[key]];
|
|
}
|
|
}
|
|
}
|
|
if (pos !== undefined) {
|
|
t.p.data[pos] = $.extend(true, t.p.data[pos], lcdata);
|
|
}
|
|
lcdata = null;
|
|
}
|
|
} catch (e) {
|
|
success = false;
|
|
}
|
|
}
|
|
if (success) {
|
|
if (cp === 'string') { $(ind).addClass(cssp); } else if (cssp !== null && cp === 'object') { $(ind).css(cssp); }
|
|
$(t).triggerHandler("jqGridAfterGridComplete");
|
|
}
|
|
});
|
|
return success;
|
|
},
|
|
addRowData: function (rowid, rdata, pos, src) {
|
|
if ($.inArray(pos, ["first", "last", "before", "after"]) === -1) { pos = "last"; }
|
|
var success = false, nm, row, rnc = "", msc = "", gi, si, ni, sind, i, v, prp = "", aradd, cnm, cn, data, cm, id;
|
|
if (rdata) {
|
|
if ($.isArray(rdata)) {
|
|
aradd = true;
|
|
//pos = "last";
|
|
cnm = rowid;
|
|
} else {
|
|
rdata = [rdata];
|
|
aradd = false;
|
|
}
|
|
this.each(function () {
|
|
var t = this, datalen = rdata.length;
|
|
ni = t.p.rownumbers === true ? 1 : 0;
|
|
gi = t.p.multiselect === true ? 1 : 0;
|
|
si = t.p.subGrid === true ? 1 : 0;
|
|
if (!aradd) {
|
|
if (rowid !== undefined) { rowid = String(rowid); }
|
|
else {
|
|
rowid = $.jgrid.randId();
|
|
if (t.p.keyName !== false) {
|
|
cnm = t.p.keyName;
|
|
if (rdata[0][cnm] !== undefined) { rowid = rdata[0][cnm]; }
|
|
}
|
|
}
|
|
}
|
|
cn = t.p.altclass;
|
|
var k = 0, cna = $(t).jqGrid('getStyleUI', t.p.styleUI + ".base", 'rowBox', true, 'jqgrow ui-row-' + t.p.direction), lcdata = {}, classes,
|
|
air = $.isFunction(t.p.afterInsertRow) ? true : false;
|
|
if (ni) {
|
|
rnc = $(t).jqGrid('getStyleUI', t.p.styleUI + ".base", 'rownumBox', false, 'jqgrid-rownum');
|
|
}
|
|
if (gi) {
|
|
msc = $(t).jqGrid('getStyleUI', t.p.styleUI + ".base", 'multiBox', false, 'cbox');
|
|
}
|
|
while (k < datalen) {
|
|
data = rdata[k];
|
|
row = [];
|
|
classes = cna;
|
|
if (aradd) {
|
|
try {
|
|
rowid = data[cnm];
|
|
if (rowid === undefined) {
|
|
rowid = $.jgrid.randId();
|
|
}
|
|
}
|
|
catch (e) { rowid = $.jgrid.randId(); }
|
|
classes += (t.p.altRows === true ? (t.rows.length - 1) % 2 === 0 ? " " + cn : "" : "");
|
|
}
|
|
id = rowid;
|
|
rowid = t.p.idPrefix + rowid;
|
|
if (ni) {
|
|
prp = t.formatCol(0, 1, '', null, rowid, true);
|
|
row[row.length] = "<td role=\"gridcell\" " + rnc + " " + prp + ">0</td>";
|
|
}
|
|
if (gi) {
|
|
//v = "<input role=\"checkbox\" type=\"checkbox\"" + " id=\"jqg_" + t.p.id + "_" + rowid + "\" " + msc + "/>";
|
|
v = "<input role=\"checkbox\" type=\"checkbox\"" + " id=\"jqg_" + t.p.id + "_" + rowid + "\" " + msc + " name=\"jqg_" + t.p.id + "_" + rowid + "\" />";
|
|
|
|
// v = "<div class=\"ckbox\"><input role=\"checkbox\" type=\"checkbox\"" + " id=\"jqg_" + t.p.id + "_" + rowid + "\"><label for=\"jqg_" + t.p.id + "_" + rowid + "\"></label></div>";
|
|
prp = t.formatCol(ni, 1, '', null, rowid, true);
|
|
row[row.length] = "<td role=\"gridcell\" " + prp + ">" + v + "</td>";
|
|
}
|
|
if (si) {
|
|
row[row.length] = $(t).jqGrid("addSubGridCell", gi + ni, 1);
|
|
}
|
|
for (i = gi + si + ni; i < t.p.colModel.length; i++) {
|
|
cm = t.p.colModel[i];
|
|
nm = cm.name;
|
|
lcdata[nm] = data[nm];
|
|
v = t.formatter(rowid, $.jgrid.getAccessor(data, nm), i, data);
|
|
prp = t.formatCol(i, 1, v, data, rowid, lcdata);
|
|
row[row.length] = "<td role=\"gridcell\" " + prp + ">" + v + "</td>";
|
|
}
|
|
row.unshift(t.constructTr(rowid, false, classes, lcdata, data));
|
|
row[row.length] = "</tr>";
|
|
if (t.rows.length === 0) {
|
|
$("table:first", t.grid.bDiv).append(row.join(''));
|
|
} else {
|
|
switch (pos) {
|
|
case 'last':
|
|
$(t.rows[t.rows.length - 1]).after(row.join(''));
|
|
sind = t.rows.length - 1;
|
|
break;
|
|
case 'first':
|
|
$(t.rows[0]).after(row.join(''));
|
|
sind = 1;
|
|
break;
|
|
case 'after':
|
|
sind = $(t).jqGrid('getGridRowById', src);
|
|
if (sind) {
|
|
if ($(t.rows[sind.rowIndex + 1]).hasClass("ui-subgrid")) { $(t.rows[sind.rowIndex + 1]).after(row); }
|
|
else { $(sind).after(row.join('')); }
|
|
sind = sind.rowIndex + 1;
|
|
}
|
|
break;
|
|
case 'before':
|
|
sind = $(t).jqGrid('getGridRowById', src);
|
|
if (sind) {
|
|
$(sind).before(row.join(''));
|
|
sind = sind.rowIndex - 1;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
if (t.p.subGrid === true) {
|
|
$(t).jqGrid("addSubGrid", gi + ni, sind);
|
|
}
|
|
t.p.records++;
|
|
t.p.reccount++;
|
|
$(t).triggerHandler("jqGridAfterInsertRow", [rowid, data, data]);
|
|
if (air) { t.p.afterInsertRow.call(t, rowid, data, data); }
|
|
k++;
|
|
if (t.p.datatype === 'local') {
|
|
lcdata[t.p.localReader.id] = id;
|
|
t.p._index[id] = t.p.data.length;
|
|
t.p.data.push(lcdata);
|
|
lcdata = {};
|
|
}
|
|
}
|
|
if (t.p.altRows === true && !aradd) {
|
|
if (pos === "last") {
|
|
if ((t.rows.length - 1) % 2 === 0) { $(t.rows[t.rows.length - 1]).addClass(cn); }
|
|
} else {
|
|
$(t.rows).each(function (i) {
|
|
if (i % 2 === 0) { $(this).addClass(cn); }
|
|
else { $(this).removeClass(cn); }
|
|
});
|
|
}
|
|
}
|
|
t.updatepager(true, true);
|
|
success = true;
|
|
});
|
|
}
|
|
return success;
|
|
},
|
|
footerData: function (action, data, format) {
|
|
var nm, success = false, res = {}, title;
|
|
function isEmpty(obj) {
|
|
var i;
|
|
for (i in obj) {
|
|
if (obj.hasOwnProperty(i)) { return false; }
|
|
}
|
|
return true;
|
|
}
|
|
if (action === undefined) { action = "get"; }
|
|
if (typeof format !== "boolean") { format = true; }
|
|
action = action.toLowerCase();
|
|
this.each(function () {
|
|
var t = this, vl;
|
|
if (!t.grid || !t.p.footerrow) { return false; }
|
|
if (action === "set") { if (isEmpty(data)) { return false; } }
|
|
success = true;
|
|
$(this.p.colModel).each(function (i) {
|
|
nm = this.name;
|
|
if (action === "set") {
|
|
if (data[nm] !== undefined) {
|
|
vl = format ? t.formatter("", data[nm], i, data, 'edit') : data[nm];
|
|
title = this.title ? { "title": $.jgrid.stripHtml(vl) } : {};
|
|
$("tr.footrow td:eq(" + i + ")", t.grid.sDiv).html(vl).attr(title);
|
|
success = true;
|
|
}
|
|
} else if (action === "get") {
|
|
res[nm] = $("tr.footrow td:eq(" + i + ")", t.grid.sDiv).html();
|
|
}
|
|
});
|
|
});
|
|
return action === "get" ? res : success;
|
|
},
|
|
showHideCol: function (colname, show) {
|
|
return this.each(function () {
|
|
var $t = this, fndh = false, brd = $.jgrid.cell_width ? 0 : $t.p.cellLayout, cw;
|
|
if (!$t.grid) { return; }
|
|
if (typeof colname === 'string') { colname = [colname]; }
|
|
show = show !== "none" ? "" : "none";
|
|
var sw = show === "" ? true : false,
|
|
gh = $t.p.groupHeader && ($.isArray($t.p.groupHeader) || $.isFunction($t.p.groupHeader));
|
|
if (gh) { $($t).jqGrid('destroyGroupHeader', false); }
|
|
$(this.p.colModel).each(function (i) {
|
|
if ($.inArray(this.name, colname) !== -1 && this.hidden === sw) {
|
|
if ($t.p.frozenColumns === true && this.frozen === true) {
|
|
return true;
|
|
}
|
|
$("tr[role=row]", $t.grid.hDiv).each(function () {
|
|
$(this.cells[i]).css("display", show);
|
|
});
|
|
$($t.rows).each(function () {
|
|
if (!$(this).hasClass("jqgroup")) {
|
|
$(this.cells[i]).css("display", show);
|
|
}
|
|
});
|
|
if ($t.p.footerrow) { $("tr.footrow td:eq(" + i + ")", $t.grid.sDiv).css("display", show); }
|
|
cw = parseInt(this.width, 10);
|
|
if (show === "none") {
|
|
$t.p.tblwidth -= cw + brd;
|
|
} else {
|
|
$t.p.tblwidth += cw + brd;
|
|
}
|
|
this.hidden = !sw;
|
|
fndh = true;
|
|
$($t).triggerHandler("jqGridShowHideCol", [sw, this.name, i]);
|
|
}
|
|
});
|
|
if (fndh === true) {
|
|
if ($t.p.shrinkToFit === true && !isNaN($t.p.height)) { $t.p.tblwidth += parseInt($t.p.scrollOffset, 10); }
|
|
$($t).jqGrid("setGridWidth", $t.p.shrinkToFit === true ? $t.p.tblwidth : $t.p.width);
|
|
}
|
|
if (gh) {
|
|
var gHead = $.extend([], $t.p.groupHeader);
|
|
$t.p.groupHeader = null;
|
|
for (var k = 0; k < gHead.length; k++) {
|
|
$($t).jqGrid('setGroupHeaders', gHead[k]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
hideCol: function (colname) {
|
|
return this.each(function () { $(this).jqGrid("showHideCol", colname, "none"); });
|
|
},
|
|
showCol: function (colname) {
|
|
return this.each(function () { $(this).jqGrid("showHideCol", colname, ""); });
|
|
},
|
|
remapColumns: function (permutation, updateCells, keepHeader) {
|
|
function resortArray(a) {
|
|
var ac;
|
|
if (a.length) {
|
|
ac = $.makeArray(a);
|
|
} else {
|
|
ac = $.extend({}, a);
|
|
}
|
|
$.each(permutation, function (i) {
|
|
a[i] = ac[this];
|
|
});
|
|
}
|
|
var ts = this.get(0);
|
|
function resortRows(parent, clobj) {
|
|
$(">tr" + (clobj || ""), parent).each(function () {
|
|
var row = this;
|
|
var elems = $.makeArray(row.cells);
|
|
$.each(permutation, function () {
|
|
var e = elems[this];
|
|
if (e) {
|
|
row.appendChild(e);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
resortArray(ts.p.colModel);
|
|
resortArray(ts.p.colNames);
|
|
resortArray(ts.grid.headers);
|
|
resortRows($("thead:first", ts.grid.hDiv), keepHeader && ":not(.ui-jqgrid-labels)");
|
|
if (updateCells) {
|
|
resortRows($("#" + $.jgrid.jqID(ts.p.id) + " tbody:first"), ".jqgfirstrow, tr.jqgrow, tr.jqfoot");
|
|
}
|
|
if (ts.p.footerrow) {
|
|
resortRows($("tbody:first", ts.grid.sDiv));
|
|
}
|
|
if (ts.p.remapColumns) {
|
|
if (!ts.p.remapColumns.length) {
|
|
ts.p.remapColumns = $.makeArray(permutation);
|
|
} else {
|
|
resortArray(ts.p.remapColumns);
|
|
}
|
|
}
|
|
ts.p.lastsort = $.inArray(ts.p.lastsort, permutation);
|
|
if (ts.p.treeGrid) { ts.p.expColInd = $.inArray(ts.p.expColInd, permutation); }
|
|
$(ts).triggerHandler("jqGridRemapColumns", [permutation, updateCells, keepHeader]);
|
|
},
|
|
setGridWidth: function (nwidth, shrink) {
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var $t = this, cw,
|
|
initwidth = 0, brd = $.jgrid.cell_width ? 0 : $t.p.cellLayout, lvc, vc = 0, hs = false, scw = $t.p.scrollOffset, aw, gw = 0, cr, bstw = $t.p.styleUI === 'Bootstrap' ? 2 : 0;
|
|
if (typeof shrink !== 'boolean') {
|
|
shrink = $t.p.shrinkToFit;
|
|
}
|
|
if (isNaN(nwidth)) { return; }
|
|
nwidth = parseInt(nwidth, 10);
|
|
$t.grid.width = $t.p.width = nwidth;
|
|
$("#gbox_" + $.jgrid.jqID($t.p.id)).css("width", nwidth + "px");
|
|
$("#gview_" + $.jgrid.jqID($t.p.id)).css("width", nwidth + "px");
|
|
$($t.grid.bDiv).css("width", (nwidth - bstw) + "px");
|
|
$($t.grid.hDiv).css("width", (nwidth - bstw) + "px");
|
|
if ($t.p.pager) {
|
|
$($t.p.pager).css("width", nwidth + "px");
|
|
}
|
|
if ($t.p.toppager) {
|
|
$($t.p.toppager).css("width", (nwidth - bstw) + "px");
|
|
}
|
|
if ($t.p.toolbar[0] === true) {
|
|
$($t.grid.uDiv).css("width", (nwidth - bstw) + "px");
|
|
if ($t.p.toolbar[1] === "both") { $($t.grid.ubDiv).css("width", (nwidth - bstw) + "px"); }
|
|
}
|
|
if ($t.p.footerrow) {
|
|
$($t.grid.sDiv).css("width", (nwidth - bstw) + "px");
|
|
}
|
|
if (shrink === false && $t.p.forceFit === true) { $t.p.forceFit = false; }
|
|
if (shrink === true) {
|
|
$.each($t.p.colModel, function () {
|
|
if (this.hidden === false) {
|
|
cw = this.widthOrg;
|
|
initwidth += cw + brd;
|
|
if (this.fixed) {
|
|
gw += cw + brd;
|
|
} else {
|
|
vc++;
|
|
}
|
|
}
|
|
});
|
|
if (vc === 0) { return; }
|
|
$t.p.tblwidth = initwidth;
|
|
aw = nwidth - brd * vc - gw;
|
|
if (!isNaN($t.p.height)) {
|
|
if ($($t.grid.bDiv)[0].clientHeight < $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1) {
|
|
hs = true;
|
|
aw -= scw;
|
|
}
|
|
}
|
|
initwidth = 0;
|
|
var cle = $t.grid.cols.length > 0;
|
|
$.each($t.p.colModel, function (i) {
|
|
if (this.hidden === false && !this.fixed) {
|
|
cw = this.widthOrg;
|
|
cw = Math.round(aw * cw / ($t.p.tblwidth - brd * vc - gw));
|
|
if (cw < 0) { return; }
|
|
this.width = cw;
|
|
initwidth += cw;
|
|
$t.grid.headers[i].width = cw;
|
|
$t.grid.headers[i].el.style.width = cw + "px";
|
|
if ($t.p.footerrow) { $t.grid.footers[i].style.width = cw + "px"; }
|
|
if (cle) { $t.grid.cols[i].style.width = cw + "px"; }
|
|
lvc = i;
|
|
}
|
|
});
|
|
|
|
if (!lvc) { return; }
|
|
|
|
cr = 0;
|
|
if (hs) {
|
|
if (nwidth - gw - (initwidth + brd * vc) !== scw) {
|
|
cr = nwidth - gw - (initwidth + brd * vc) - scw;
|
|
}
|
|
} else if (Math.abs(nwidth - gw - (initwidth + brd * vc)) !== 1) {
|
|
cr = nwidth - gw - (initwidth + brd * vc);
|
|
}
|
|
$t.p.colModel[lvc].width += cr;
|
|
$t.p.tblwidth = initwidth + cr + brd * vc + gw;
|
|
if ($t.p.tblwidth > nwidth) {
|
|
var delta = $t.p.tblwidth - parseInt(nwidth, 10);
|
|
$t.p.tblwidth = nwidth;
|
|
cw = $t.p.colModel[lvc].width = $t.p.colModel[lvc].width - delta;
|
|
} else {
|
|
cw = $t.p.colModel[lvc].width;
|
|
}
|
|
$t.grid.headers[lvc].width = cw;
|
|
$t.grid.headers[lvc].el.style.width = cw + "px";
|
|
if (cle) { $t.grid.cols[lvc].style.width = cw + "px"; }
|
|
if ($t.p.footerrow) {
|
|
$t.grid.footers[lvc].style.width = cw + "px";
|
|
}
|
|
}
|
|
if ($t.p.tblwidth) {
|
|
$('table:first', $t.grid.bDiv).css("width", $t.p.tblwidth + "px");
|
|
$('table:first', $t.grid.hDiv).css("width", $t.p.tblwidth + "px");
|
|
$t.grid.hDiv.scrollLeft = $t.grid.bDiv.scrollLeft;
|
|
if ($t.p.footerrow) {
|
|
$('table:first', $t.grid.sDiv).css("width", $t.p.tblwidth + "px");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
setGridHeight: function (nh) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
var bDiv = $($t.grid.bDiv);
|
|
bDiv.css({ height: nh + (isNaN(nh) ? "" : "px") });
|
|
if ($t.p.frozenColumns === true) {
|
|
//follow the original set height to use 16, better scrollbar width detection
|
|
$('#' + $.jgrid.jqID($t.p.id) + "_frozen").parent().height(bDiv.height() - 16);
|
|
}
|
|
$t.p.height = nh;
|
|
if ($t.p.scroll) { $t.grid.populateVisible(); }
|
|
});
|
|
},
|
|
setCaption: function (newcap) {
|
|
return this.each(function () {
|
|
var ctop = $(this).jqGrid('getStyleUI', this.p.styleUI + ".common", 'cornertop', true);
|
|
this.p.caption = newcap;
|
|
$(".ui-jqgrid-title, .ui-jqgrid-title-rtl", this.grid.cDiv).html(newcap);
|
|
$(this.grid.cDiv).show();
|
|
$(this.grid.hDiv).removeClass(ctop);
|
|
});
|
|
},
|
|
setLabel: function (colname, nData, prop, attrp) {
|
|
return this.each(function () {
|
|
var $t = this, pos = -1;
|
|
if (!$t.grid) { return; }
|
|
if (colname != null) {
|
|
if (isNaN(colname)) {
|
|
$($t.p.colModel).each(function (i) {
|
|
if (this.name === colname) {
|
|
pos = i; return false;
|
|
}
|
|
});
|
|
} else {
|
|
pos = parseInt(colname, 10);
|
|
}
|
|
} else { return; }
|
|
if (pos >= 0) {
|
|
var thecol = $("tr.ui-jqgrid-labels th:eq(" + pos + ")", $t.grid.hDiv);
|
|
if (nData) {
|
|
var ico = $(".s-ico", thecol);
|
|
$("[id^=jqgh_]", thecol).empty().html(nData).append(ico);
|
|
$t.p.colNames[pos] = nData;
|
|
}
|
|
if (prop) {
|
|
if (typeof prop === 'string') { $(thecol).addClass(prop); } else { $(thecol).css(prop); }
|
|
}
|
|
if (typeof attrp === 'object') { $(thecol).attr(attrp); }
|
|
}
|
|
});
|
|
},
|
|
setCell: function (rowid, colname, nData, cssp, attrp, forceupd) {
|
|
return this.each(function () {
|
|
var $t = this, pos = -1, v, title;
|
|
if (!$t.grid) { return; }
|
|
if (isNaN(colname)) {
|
|
$($t.p.colModel).each(function (i) {
|
|
if (this.name === colname) {
|
|
pos = i; return false;
|
|
}
|
|
});
|
|
} else { pos = parseInt(colname, 10); }
|
|
if (pos >= 0) {
|
|
var ind = $($t).jqGrid('getGridRowById', rowid);
|
|
if (ind) {
|
|
var tcell = $("td:eq(" + pos + ")", ind), cl = 0, rawdat = [];
|
|
if (nData !== "" || forceupd === true) {
|
|
if (ind.cells !== undefined) {
|
|
while (cl < ind.cells.length) {
|
|
// slow down speed
|
|
rawdat.push(ind.cells[cl].innerHTML);
|
|
cl++;
|
|
}
|
|
}
|
|
v = $t.formatter(rowid, nData, pos, rawdat, 'edit');
|
|
title = $t.p.colModel[pos].title ? { "title": $.jgrid.stripHtml(v) } : {};
|
|
if ($t.p.treeGrid && $(".tree-wrap", $(tcell)).length > 0) {
|
|
$("span", $(tcell)).html(v).attr(title);
|
|
} else {
|
|
$(tcell).html(v).attr(title);
|
|
}
|
|
if ($t.p.datatype === "local") {
|
|
var cm = $t.p.colModel[pos], index;
|
|
nData = cm.formatter && typeof cm.formatter === 'string' && cm.formatter === 'date' ? $.unformat.date.call($t, nData, cm) : nData;
|
|
index = $t.p._index[$.jgrid.stripPref($t.p.idPrefix, rowid)];
|
|
if (index !== undefined) {
|
|
$t.p.data[index][cm.name] = nData;
|
|
}
|
|
}
|
|
}
|
|
if (typeof cssp === 'string') {
|
|
$(tcell).addClass(cssp);
|
|
} else if (cssp) {
|
|
$(tcell).css(cssp);
|
|
}
|
|
if (typeof attrp === 'object') { $(tcell).attr(attrp); }
|
|
}
|
|
}
|
|
});
|
|
},
|
|
getCell: function (rowid, col) {
|
|
var ret = false;
|
|
this.each(function () {
|
|
var $t = this, pos = -1;
|
|
if (!$t.grid) { return; }
|
|
if (isNaN(col)) {
|
|
$($t.p.colModel).each(function (i) {
|
|
if (this.name === col) {
|
|
pos = i; return false;
|
|
}
|
|
});
|
|
} else { pos = parseInt(col, 10); }
|
|
if (pos >= 0) {
|
|
var ind = $($t).jqGrid('getGridRowById', rowid);
|
|
if (ind) {
|
|
try {
|
|
ret = $.unformat.call($t, $("td:eq(" + pos + ")", ind), { rowId: ind.id, colModel: $t.p.colModel[pos] }, pos);
|
|
} catch (e) {
|
|
ret = $.jgrid.htmlDecode($("td:eq(" + pos + ")", ind).html());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
getCol: function (col, obj, mathopr) {
|
|
var ret = [], val, sum = 0, min, max, v;
|
|
obj = typeof obj !== 'boolean' ? false : obj;
|
|
if (mathopr === undefined) { mathopr = false; }
|
|
this.each(function () {
|
|
var $t = this, pos = -1;
|
|
if (!$t.grid) { return; }
|
|
if (isNaN(col)) {
|
|
$($t.p.colModel).each(function (i) {
|
|
if (this.name === col) {
|
|
pos = i; return false;
|
|
}
|
|
});
|
|
} else { pos = parseInt(col, 10); }
|
|
if (pos >= 0) {
|
|
var ln = $t.rows.length, i = 0, dlen = 0;
|
|
if (ln && ln > 0) {
|
|
while (i < ln) {
|
|
if ($($t.rows[i]).hasClass('jqgrow')) {
|
|
try {
|
|
val = $.unformat.call($t, $($t.rows[i].cells[pos]), { rowId: $t.rows[i].id, colModel: $t.p.colModel[pos] }, pos);
|
|
} catch (e) {
|
|
val = $.jgrid.htmlDecode($t.rows[i].cells[pos].innerHTML);
|
|
}
|
|
if (mathopr) {
|
|
v = parseFloat(val);
|
|
if (!isNaN(v)) {
|
|
sum += v;
|
|
if (max === undefined) { max = min = v; }
|
|
min = Math.min(min, v);
|
|
max = Math.max(max, v);
|
|
dlen++;
|
|
}
|
|
}
|
|
else if (obj) { ret.push({ id: $t.rows[i].id, value: val }); }
|
|
else { ret.push(val); }
|
|
}
|
|
i++;
|
|
}
|
|
if (mathopr) {
|
|
switch (mathopr.toLowerCase()) {
|
|
case 'sum': ret = sum; break;
|
|
case 'avg': ret = sum / dlen; break;
|
|
case 'count': ret = (ln - 1); break;
|
|
case 'min': ret = min; break;
|
|
case 'max': ret = max; break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
clearGridData: function (clearfooter) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
if (typeof clearfooter !== 'boolean') { clearfooter = false; }
|
|
if ($t.p.deepempty) { $("#" + $.jgrid.jqID($t.p.id) + " tbody:first tr:gt(0)").remove(); }
|
|
else {
|
|
var trf = $("#" + $.jgrid.jqID($t.p.id) + " tbody:first tr:first")[0];
|
|
$("#" + $.jgrid.jqID($t.p.id) + " tbody:first").empty().append(trf);
|
|
}
|
|
if ($t.p.footerrow && clearfooter) { $(".ui-jqgrid-ftable td", $t.grid.sDiv).html(" "); }
|
|
$t.p.selrow = null; $t.p.selarrrow = []; $t.p.savedRow = [];
|
|
$t.p.records = 0; $t.p.page = 1; $t.p.lastpage = 0; $t.p.reccount = 0;
|
|
$t.p.data = []; $t.p._index = {};
|
|
$t.updatepager(true, false);
|
|
});
|
|
},
|
|
getInd: function (rowid, rc) {
|
|
var ret = false, rw;
|
|
this.each(function () {
|
|
rw = $(this).jqGrid('getGridRowById', rowid);
|
|
if (rw) {
|
|
ret = rc === true ? rw : rw.rowIndex;
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
bindKeys: function (settings) {
|
|
var o = $.extend({
|
|
onEnter: null,
|
|
onSpace: null,
|
|
onLeftKey: null,
|
|
onRightKey: null,
|
|
scrollingRows: true
|
|
}, settings || {});
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$('body').is('[role]')) { $('body').attr('role', 'application'); }
|
|
$t.p.scrollrows = o.scrollingRows;
|
|
$($t).keydown(function (event) {
|
|
var target = $($t).find('tr[tabindex=0]')[0], id, r, mind,
|
|
expanded = $t.p.treeReader.expanded_field;
|
|
//check for arrow keys
|
|
if (target) {
|
|
mind = $t.p._index[$.jgrid.stripPref($t.p.idPrefix, target.id)];
|
|
if (event.keyCode === 37 || event.keyCode === 38 || event.keyCode === 39 || event.keyCode === 40) {
|
|
// up key
|
|
if (event.keyCode === 38) {
|
|
r = target.previousSibling;
|
|
id = "";
|
|
if (r) {
|
|
if ($(r).is(":hidden")) {
|
|
while (r) {
|
|
r = r.previousSibling;
|
|
if (!$(r).is(":hidden") && $(r).hasClass('jqgrow')) { id = r.id; break; }
|
|
}
|
|
} else {
|
|
id = r.id;
|
|
}
|
|
}
|
|
$($t).jqGrid('setSelection', id, true, event);
|
|
event.preventDefault();
|
|
}
|
|
//if key is down arrow
|
|
if (event.keyCode === 40) {
|
|
r = target.nextSibling;
|
|
id = "";
|
|
if (r) {
|
|
if ($(r).is(":hidden")) {
|
|
while (r) {
|
|
r = r.nextSibling;
|
|
if (!$(r).is(":hidden") && $(r).hasClass('jqgrow')) { id = r.id; break; }
|
|
}
|
|
} else {
|
|
id = r.id;
|
|
}
|
|
}
|
|
$($t).jqGrid('setSelection', id, true, event);
|
|
event.preventDefault();
|
|
}
|
|
// left
|
|
if (event.keyCode === 37) {
|
|
if ($t.p.treeGrid && $t.p.data[mind][expanded]) {
|
|
$(target).find("div.treeclick").trigger('click');
|
|
}
|
|
$($t).triggerHandler("jqGridKeyLeft", [$t.p.selrow]);
|
|
if ($.isFunction(o.onLeftKey)) {
|
|
o.onLeftKey.call($t, $t.p.selrow);
|
|
}
|
|
}
|
|
// right
|
|
if (event.keyCode === 39) {
|
|
if ($t.p.treeGrid && !$t.p.data[mind][expanded]) {
|
|
$(target).find("div.treeclick").trigger('click');
|
|
}
|
|
$($t).triggerHandler("jqGridKeyRight", [$t.p.selrow]);
|
|
if ($.isFunction(o.onRightKey)) {
|
|
o.onRightKey.call($t, $t.p.selrow);
|
|
}
|
|
}
|
|
}
|
|
//check if enter was pressed on a grid or treegrid node
|
|
else if (event.keyCode === 13) {
|
|
$($t).triggerHandler("jqGridKeyEnter", [$t.p.selrow]);
|
|
if ($.isFunction(o.onEnter)) {
|
|
o.onEnter.call($t, $t.p.selrow);
|
|
}
|
|
} else if (event.keyCode === 32) {
|
|
$($t).triggerHandler("jqGridKeySpace", [$t.p.selrow]);
|
|
if ($.isFunction(o.onSpace)) {
|
|
o.onSpace.call($t, $t.p.selrow);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
unbindKeys: function () {
|
|
return this.each(function () {
|
|
$(this).unbind('keydown');
|
|
});
|
|
},
|
|
getLocalRow: function (rowid) {
|
|
var ret = false, ind;
|
|
this.each(function () {
|
|
if (rowid !== undefined) {
|
|
ind = this.p._index[$.jgrid.stripPref(this.p.idPrefix, rowid)];
|
|
if (ind >= 0) {
|
|
ret = this.p.data[ind];
|
|
}
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
progressBar: function (p) {
|
|
p = $.extend({
|
|
htmlcontent: "",
|
|
method: "hide",
|
|
loadtype: "disable"
|
|
}, p || {});
|
|
return this.each(function () {
|
|
var sh = p.method === "show" ? true : false,
|
|
loadDiv = $("#load_" + $.jgrid.jqID(this.p.id)),
|
|
offsetParent, top,
|
|
scrollTop = $(window).scrollTop();
|
|
if (p.htmlcontent !== "") {
|
|
loadDiv.html(p.htmlcontent);
|
|
}
|
|
switch (p.loadtype) {
|
|
case "disable":
|
|
break;
|
|
case "enable":
|
|
loadDiv.toggle(sh);
|
|
break;
|
|
case "block":
|
|
$("#lui_" + $.jgrid.jqID(this.p.id)).toggle(sh);
|
|
loadDiv.toggle(sh);
|
|
break;
|
|
}
|
|
if (loadDiv.is(':visible')) {
|
|
offsetParent = loadDiv.offsetParent();
|
|
loadDiv.css('top', '');
|
|
if (loadDiv.offset().top < scrollTop) {
|
|
top = Math.min(
|
|
10 + scrollTop - offsetParent.offset().top,
|
|
offsetParent.height() - loadDiv.height()
|
|
);
|
|
loadDiv.css('top', top + 'px');
|
|
}
|
|
}
|
|
});
|
|
},
|
|
getColProp: function (colname) {
|
|
var ret = {}, $t = this[0];
|
|
if (!$t.grid) { return false; }
|
|
var cM = $t.p.colModel, i;
|
|
for (i = 0; i < cM.length; i++) {
|
|
if (cM[i].name === colname) {
|
|
ret = cM[i];
|
|
break;
|
|
}
|
|
}
|
|
return ret;
|
|
},
|
|
setColProp: function (colname, obj) {
|
|
//do not set width will not work
|
|
return this.each(function () {
|
|
if (this.grid) {
|
|
if (obj) {
|
|
var cM = this.p.colModel, i;
|
|
for (i = 0; i < cM.length; i++) {
|
|
if (cM[i].name === colname) {
|
|
$.extend(true, this.p.colModel[i], obj);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
sortGrid: function (colname, reload, sor) {
|
|
return this.each(function () {
|
|
var $t = this, idx = -1, i, sobj = false;
|
|
if (!$t.grid) { return; }
|
|
if (!colname) { colname = $t.p.sortname; }
|
|
for (i = 0; i < $t.p.colModel.length; i++) {
|
|
if ($t.p.colModel[i].index === colname || $t.p.colModel[i].name === colname) {
|
|
idx = i;
|
|
if ($t.p.frozenColumns === true && $t.p.colModel[i].frozen === true) {
|
|
sobj = $t.grid.fhDiv.find("#" + $t.p.id + "_" + colname);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
if (idx !== -1) {
|
|
var sort = $t.p.colModel[idx].sortable;
|
|
if (!sobj) {
|
|
sobj = $t.grid.headers[idx].el;
|
|
}
|
|
if (typeof sort !== 'boolean') { sort = true; }
|
|
if (typeof reload !== 'boolean') { reload = false; }
|
|
if (sort) { $t.sortData("jqgh_" + $t.p.id + "_" + colname, idx, reload, sor, sobj); }
|
|
}
|
|
});
|
|
},
|
|
setGridState: function (state) {
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var $t = this,
|
|
open = $(this).jqGrid('getStyleUI', this.p.styleUI + ".base", 'icon_caption_open', true),
|
|
close = $(this).jqGrid('getStyleUI', this.p.styleUI + ".base", 'icon_caption_close', true);
|
|
|
|
if (state === 'hidden') {
|
|
$(".ui-jqgrid-bdiv, .ui-jqgrid-hdiv", "#gview_" + $.jgrid.jqID($t.p.id)).slideUp("fast");
|
|
if ($t.p.pager) { $($t.p.pager).slideUp("fast"); }
|
|
if ($t.p.toppager) { $($t.p.toppager).slideUp("fast"); }
|
|
if ($t.p.toolbar[0] === true) {
|
|
if ($t.p.toolbar[1] === 'both') {
|
|
$($t.grid.ubDiv).slideUp("fast");
|
|
}
|
|
$($t.grid.uDiv).slideUp("fast");
|
|
}
|
|
if ($t.p.footerrow) { $(".ui-jqgrid-sdiv", "#gbox_" + $.jgrid.jqID($t.p.id)).slideUp("fast"); }
|
|
$(".ui-jqgrid-headlink", $t.grid.cDiv).removeClass(open).addClass(close);
|
|
$t.p.gridstate = 'hidden';
|
|
} else if (state === 'visible') {
|
|
$(".ui-jqgrid-hdiv, .ui-jqgrid-bdiv", "#gview_" + $.jgrid.jqID($t.p.id)).slideDown("fast");
|
|
if ($t.p.pager) { $($t.p.pager).slideDown("fast"); }
|
|
if ($t.p.toppager) { $($t.p.toppager).slideDown("fast"); }
|
|
if ($t.p.toolbar[0] === true) {
|
|
if ($t.p.toolbar[1] === 'both') {
|
|
$($t.grid.ubDiv).slideDown("fast");
|
|
}
|
|
$($t.grid.uDiv).slideDown("fast");
|
|
}
|
|
if ($t.p.footerrow) { $(".ui-jqgrid-sdiv", "#gbox_" + $.jgrid.jqID($t.p.id)).slideDown("fast"); }
|
|
$(".ui-jqgrid-headlink", $t.grid.cDiv).removeClass(close).addClass(open);
|
|
$t.p.gridstate = 'visible';
|
|
}
|
|
|
|
});
|
|
},
|
|
setFrozenColumns: function () {
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var $t = this, cm = $t.p.colModel, i = 0, len = cm.length, maxfrozen = -1, frozen = false,
|
|
hd = $($t).jqGrid('getStyleUI', $t.p.styleUI + ".base", 'headerDiv', true, 'ui-jqgrid-hdiv'),
|
|
hover = $($t).jqGrid('getStyleUI', $t.p.styleUI + ".common", 'hover', true);
|
|
// TODO treeGrid and grouping Support
|
|
if ($t.p.subGrid === true || $t.p.treeGrid === true || $t.p.cellEdit === true || $t.p.sortable || $t.p.scroll) {
|
|
return;
|
|
}
|
|
if ($t.p.rownumbers) { i++; }
|
|
if ($t.p.multiselect) { i++; }
|
|
|
|
// get the max index of frozen col
|
|
while (i < len) {
|
|
// from left, no breaking frozen
|
|
if (cm[i].frozen === true) {
|
|
frozen = true;
|
|
maxfrozen = i;
|
|
} else {
|
|
break;
|
|
}
|
|
i++;
|
|
}
|
|
if (maxfrozen >= 0 && frozen) {
|
|
var top = $t.p.caption ? $($t.grid.cDiv).outerHeight() : 0,
|
|
hth = $(".ui-jqgrid-htable", "#gview_" + $.jgrid.jqID($t.p.id)).height();
|
|
//headers
|
|
if ($t.p.toppager) {
|
|
top = top + $($t.grid.topDiv).outerHeight();
|
|
}
|
|
if ($t.p.toolbar[0] === true) {
|
|
if ($t.p.toolbar[1] !== "bottom") {
|
|
top = top + $($t.grid.uDiv).outerHeight();
|
|
}
|
|
}
|
|
$t.grid.fhDiv = $('<div style="position:absolute;' + ($t.p.direction === "rtl" ? 'right:0;' : 'left:0;') + 'top:' + top + 'px;height:' + hth + 'px;" class="frozen-div ' + hd + '"></div>');
|
|
$t.grid.fbDiv = $('<div style="position:absolute;' + ($t.p.direction === "rtl" ? 'right:0;' : 'left:0;') + 'top:' + (parseInt(top, 10) + parseInt(hth, 10) + 1) + 'px;overflow-y:hidden" class="frozen-bdiv ui-jqgrid-bdiv"></div>');
|
|
$("#gview_" + $.jgrid.jqID($t.p.id)).append($t.grid.fhDiv);
|
|
var htbl = $(".ui-jqgrid-htable", "#gview_" + $.jgrid.jqID($t.p.id)).clone(true);
|
|
// groupheader support - only if useColSpanstyle is false
|
|
if ($t.p.groupHeader) {
|
|
$("tr.jqg-first-row-header, tr.jqg-third-row-header", htbl).each(function () {
|
|
$("th:gt(" + maxfrozen + ")", this).remove();
|
|
});
|
|
var swapfroz = -1, fdel = -1, cs, rs;
|
|
$("tr.jqg-second-row-header th", htbl).each(function () {
|
|
cs = parseInt($(this).attr("colspan"), 10);
|
|
rs = parseInt($(this).attr("rowspan"), 10);
|
|
if (rs) {
|
|
swapfroz++;
|
|
fdel++;
|
|
}
|
|
if (cs) {
|
|
swapfroz = swapfroz + cs;
|
|
fdel++;
|
|
}
|
|
if (swapfroz === maxfrozen) {
|
|
fdel = maxfrozen;
|
|
return false;
|
|
}
|
|
});
|
|
if (swapfroz !== maxfrozen) {
|
|
fdel = maxfrozen;
|
|
}
|
|
$("tr.jqg-second-row-header", htbl).each(function () {
|
|
$("th:gt(" + fdel + ")", this).remove();
|
|
});
|
|
} else {
|
|
$("tr", htbl).each(function () {
|
|
$("th:gt(" + maxfrozen + ")", this).remove();
|
|
});
|
|
}
|
|
$(htbl).width(1);
|
|
if (!$.jgrid.msie) { $(htbl).css("height", "100%"); }
|
|
// resizing stuff
|
|
$($t.grid.fhDiv).append(htbl)
|
|
.mousemove(function (e) {
|
|
if ($t.grid.resizing) { $t.grid.dragMove(e); return false; }
|
|
});
|
|
if ($t.p.footerrow) {
|
|
var hbd = $(".ui-jqgrid-bdiv", "#gview_" + $.jgrid.jqID($t.p.id)).height();
|
|
|
|
$t.grid.fsDiv = $('<div style="position:absolute;left:0px;top:' + (parseInt(top, 10) + parseInt(hth, 10) + parseInt(hbd, 10) + 1) + 'px;" class="frozen-sdiv ui-jqgrid-sdiv"></div>');
|
|
$("#gview_" + $.jgrid.jqID($t.p.id)).append($t.grid.fsDiv);
|
|
var ftbl = $(".ui-jqgrid-ftable", "#gview_" + $.jgrid.jqID($t.p.id)).clone(true);
|
|
$("tr", ftbl).each(function () {
|
|
$("td:gt(" + maxfrozen + ")", this).remove();
|
|
});
|
|
$(ftbl).width(1);
|
|
$($t.grid.fsDiv).append(ftbl);
|
|
}
|
|
$($t).bind('jqGridResizeStop.setFrozenColumns', function (e, w, index) {
|
|
var rhth = $(".ui-jqgrid-htable", $t.grid.fhDiv);
|
|
$("th:eq(" + index + ")", rhth).width(w);
|
|
var btd = $(".ui-jqgrid-btable", $t.grid.fbDiv);
|
|
$("tr:first td:eq(" + index + ")", btd).width(w);
|
|
if ($t.p.footerrow) {
|
|
var ftd = $(".ui-jqgrid-ftable", $t.grid.fsDiv);
|
|
$("tr:first td:eq(" + index + ")", ftd).width(w);
|
|
}
|
|
});
|
|
|
|
// data stuff
|
|
//TODO support for setRowData
|
|
$("#gview_" + $.jgrid.jqID($t.p.id)).append($t.grid.fbDiv);
|
|
|
|
$($t.grid.fbDiv).bind('mousewheel DOMMouseScroll', function (e) {
|
|
var st = $($t.grid.bDiv).scrollTop();
|
|
if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
|
|
//up
|
|
$($t.grid.bDiv).scrollTop(st - 25);
|
|
} else {
|
|
//down
|
|
$($t.grid.bDiv).scrollTop(st + 25);
|
|
}
|
|
e.preventDefault();
|
|
});
|
|
|
|
if ($t.p.hoverrows === true) {
|
|
$("#" + $.jgrid.jqID($t.p.id)).unbind('mouseover').unbind('mouseout');
|
|
}
|
|
$($t).bind('jqGridAfterGridComplete.setFrozenColumns', function () {
|
|
$("#" + $.jgrid.jqID($t.p.id) + "_frozen").remove();
|
|
$($t.grid.fbDiv).height($($t.grid.bDiv).height() - 16);
|
|
var btbl = $("#" + $.jgrid.jqID($t.p.id)).clone(true);
|
|
$("tr[role=row]", btbl).each(function () {
|
|
$("td[role=gridcell]:gt(" + maxfrozen + ")", this).remove();
|
|
});
|
|
|
|
$(btbl).width(1).attr("id", $t.p.id + "_frozen");
|
|
$($t.grid.fbDiv).append(btbl);
|
|
if ($t.p.hoverrows === true) {
|
|
$("tr.jqgrow", btbl).hover(
|
|
function () { $(this).addClass(hover); $("#" + $.jgrid.jqID(this.id), "#" + $.jgrid.jqID($t.p.id)).addClass(hover); },
|
|
function () { $(this).removeClass(hover); $("#" + $.jgrid.jqID(this.id), "#" + $.jgrid.jqID($t.p.id)).removeClass(hover); }
|
|
);
|
|
$("tr.jqgrow", "#" + $.jgrid.jqID($t.p.id)).hover(
|
|
function () { $(this).addClass(hover); $("#" + $.jgrid.jqID(this.id), "#" + $.jgrid.jqID($t.p.id) + "_frozen").addClass(hover); },
|
|
function () { $(this).removeClass(hover); $("#" + $.jgrid.jqID(this.id), "#" + $.jgrid.jqID($t.p.id) + "_frozen").removeClass(hover); }
|
|
);
|
|
}
|
|
btbl = null;
|
|
});
|
|
if (!$t.grid.hDiv.loading) {
|
|
$($t).triggerHandler("jqGridAfterGridComplete");
|
|
}
|
|
$t.p.frozenColumns = true;
|
|
}
|
|
});
|
|
},
|
|
destroyFrozenColumns: function () {
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
if (this.p.frozenColumns === true) {
|
|
var $t = this,
|
|
hover = $($t).jqGrid('getStyleUI', $t.p.styleUI + ".common", 'hover', true);
|
|
$($t.grid.fhDiv).remove();
|
|
$($t.grid.fbDiv).remove();
|
|
$t.grid.fhDiv = null; $t.grid.fbDiv = null;
|
|
if ($t.p.footerrow) {
|
|
$($t.grid.fsDiv).remove();
|
|
$t.grid.fsDiv = null;
|
|
}
|
|
$(this).unbind('.setFrozenColumns');
|
|
if ($t.p.hoverrows === true) {
|
|
var ptr;
|
|
$("#" + $.jgrid.jqID($t.p.id)).bind('mouseover', function (e) {
|
|
ptr = $(e.target).closest("tr.jqgrow");
|
|
if ($(ptr).attr("class") !== "ui-subgrid") {
|
|
$(ptr).addClass(hover);
|
|
}
|
|
}).bind('mouseout', function (e) {
|
|
ptr = $(e.target).closest("tr.jqgrow");
|
|
$(ptr).removeClass(hover);
|
|
});
|
|
}
|
|
this.p.frozenColumns = false;
|
|
}
|
|
});
|
|
},
|
|
resizeColumn: function (iCol, newWidth) {
|
|
return this.each(function () {
|
|
var grid = this.grid, p = this.p, cm = p.colModel, i, cmLen = cm.length, diff, diffnv;
|
|
if (typeof iCol === "string") {
|
|
for (i = 0; i < cmLen; i++) {
|
|
if (cm[i].name === iCol) {
|
|
iCol = i;
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
iCol = parseInt(iCol, 10);
|
|
}
|
|
newWidth = parseInt(newWidth, 10);
|
|
// filters
|
|
if (typeof iCol !== "number" || iCol < 0 || iCol > cm.length - 1 || typeof newWidth !== "number") {
|
|
return;
|
|
}
|
|
|
|
if (newWidth < p.minColWidth) { return; }
|
|
|
|
if (p.forceFit) {
|
|
p.nv = 0;
|
|
for (i = iCol + 1; i < cmLen; i++) {
|
|
if (cm[i].hidden !== true) {
|
|
p.nv = i - iCol;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
// use resize stuff
|
|
grid.resizing = { idx: iCol };
|
|
diff = newWidth - grid.headers[iCol].width;
|
|
if (p.forceFit) {
|
|
diffnv = grid.headers[iCol + p.nv].width - diff;
|
|
if (diffnv < p.minColWidth) { return; }
|
|
grid.headers[iCol + p.nv].newWidth = grid.headers[iCol + p.nv].width - diff;
|
|
}
|
|
grid.newWidth = p.tblwidth + diff;
|
|
grid.headers[iCol].newWidth = newWidth;
|
|
grid.dragEnd(false);
|
|
|
|
});
|
|
},
|
|
getStyleUI: function (styleui, classui, notclasstag, gridclass) {
|
|
try {
|
|
var ret = "", stylemod = styleui.split("."), q = "";
|
|
if (!notclasstag) {
|
|
ret = "class=";
|
|
q = "\"";
|
|
}
|
|
if (gridclass == null) {
|
|
gridclass = "";
|
|
}
|
|
switch (stylemod.length) {
|
|
case 1:
|
|
ret += q + $.trim(gridclass + " " + $.jgrid.styleUI[stylemod[0]][classui] + q);
|
|
break;
|
|
case 2:
|
|
ret += q + $.trim(gridclass + " " + $.jgrid.styleUI[stylemod[0]][stylemod[1]][classui] + q);
|
|
}
|
|
} catch (cls) {
|
|
ret = "";
|
|
}
|
|
return ret;
|
|
},
|
|
resizeGrid: function (timeout) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (timeout === undefined) {
|
|
timeout = 500;
|
|
}
|
|
setTimeout(function () {
|
|
try {
|
|
var winwidth = $(window).width(),
|
|
parentwidth = $("#gbox_" + $.jgrid.jqID($t.p.id)).parent().width(),
|
|
ww = $t.p.width;
|
|
if ((winwidth - parentwidth) > 3) {
|
|
ww = parentwidth;
|
|
} else {
|
|
ww = winwidth;
|
|
}
|
|
$("#" + $.jgrid.jqID($t.p.id)).jqGrid('setGridWidth', ww);
|
|
} catch (e) { }
|
|
}, timeout);
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid.extend({
|
|
editCell: function (iRow, iCol, ed) {
|
|
return this.each(function () {
|
|
var $t = this, nm, tmp, cc, cm,
|
|
highlight = $(this).jqGrid('getStyleUI', $t.p.styleUI + '.common', 'highlight', true),
|
|
|
|
hover = $(this).jqGrid('getStyleUI', $t.p.styleUI + '.common', 'hover', true),
|
|
inpclass = $(this).jqGrid('getStyleUI', $t.p.styleUI + ".celledit", 'inputClass', true);
|
|
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
iCol = parseInt(iCol, 10);
|
|
// select the row that can be used for other methods
|
|
$t.p.selrow = $t.rows[iRow].id;
|
|
if (!$t.p.knv) { $($t).jqGrid("GridNav"); }
|
|
// check to see if we have already edited cell
|
|
if ($t.p.savedRow.length > 0) {
|
|
// prevent second click on that field and enable selects
|
|
if (ed === true) {
|
|
if (iRow == $t.p.iRow && iCol == $t.p.iCol) {
|
|
return;
|
|
}
|
|
}
|
|
// save the cell
|
|
$($t).jqGrid("saveCell", $t.p.savedRow[0].id, $t.p.savedRow[0].ic);
|
|
} else {
|
|
window.setTimeout(function () { $("#" + $.jgrid.jqID($t.p.knv)).attr("tabindex", "-1").focus(); }, 1);
|
|
}
|
|
cm = $t.p.colModel[iCol];
|
|
nm = cm.name;
|
|
if (nm === 'subgrid' || nm === 'cb' || nm === 'rn') { return; }
|
|
cc = $("td:eq(" + iCol + ")", $t.rows[iRow]);
|
|
if (cm.editable === true && ed === true && !cc.hasClass("not-editable-cell") && (!$.isFunction($t.p.isCellEditable) || $t.p.isCellEditable.call($t, nm, iRow, iCol))) {
|
|
if (parseInt($t.p.iCol, 10) >= 0 && parseInt($t.p.iRow, 10) >= 0) {
|
|
//$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell " + highlight);
|
|
$($t.rows[$t.p.iRow]).removeClass("selected-row " + hover).find("td:eq(" + $t.p.iCol + ")").removeClass("edit-cell " + highlight);
|
|
}
|
|
$(cc).addClass("edit-cell " + highlight);
|
|
$($t.rows[iRow]).addClass("selected-row " + hover);
|
|
try {
|
|
tmp = $.unformat.call($t, cc, { rowId: $t.rows[iRow].id, colModel: cm }, iCol);
|
|
} catch (_) {
|
|
tmp = (cm.edittype && cm.edittype === 'textarea') ? $(cc).text() : $(cc).html();
|
|
}
|
|
if ($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
|
|
if (!cm.edittype) { cm.edittype = "text"; }
|
|
$t.p.savedRow.push({ id: iRow, ic: iCol, name: nm, v: tmp });
|
|
if (tmp === " " || tmp === " " || (tmp.length === 1 && tmp.charCodeAt(0) === 160)) { tmp = ''; }
|
|
if ($.isFunction($t.p.formatCell)) {
|
|
var tmp2 = $t.p.formatCell.call($t, $t.rows[iRow].id, nm, tmp, iRow, iCol);
|
|
if (tmp2 !== undefined) { tmp = tmp2; }
|
|
}
|
|
$($t).triggerHandler("jqGridBeforeEditCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
|
|
if ($.isFunction($t.p.beforeEditCell)) {
|
|
$t.p.beforeEditCell.call($t, $t.rows[iRow].id, nm, tmp, iRow, iCol);
|
|
}
|
|
var opt = $.extend({}, cm.editoptions || {}, { id: iRow + "_" + nm, name: nm, rowId: $t.rows[iRow].id, oper: 'edit' });
|
|
var elc = $.jgrid.createEl.call($t, cm.edittype, opt, tmp, true, $.extend({}, $.jgrid.ajaxOptions, $t.p.ajaxSelectOptions || {}));
|
|
if ($.inArray(cm.edittype, ['text', 'textarea', 'password', 'select']) > -1) {
|
|
$(elc).addClass(inpclass);
|
|
}
|
|
|
|
$(cc).html("").append(elc).attr("tabindex", "0");
|
|
$.jgrid.bindEv.call($t, elc, opt);
|
|
window.setTimeout(function () { $(elc).focus(); }, 1);
|
|
$("input, select, textarea", cc).bind("keydown", function (e) {
|
|
if (e.keyCode === 27) {
|
|
if ($("input.hasDatepicker", cc).length > 0) {
|
|
if ($(".ui-datepicker").is(":hidden")) { $($t).jqGrid("restoreCell", iRow, iCol); }
|
|
else { $("input.hasDatepicker", cc).datepicker('hide'); }
|
|
} else {
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
}
|
|
} //ESC
|
|
if (e.keyCode === 13 && !e.shiftKey) {
|
|
$($t).jqGrid("saveCell", iRow, iCol);
|
|
// Prevent default action
|
|
return false;
|
|
} //Enter
|
|
if (e.keyCode === 9) {
|
|
if (!$t.grid.hDiv.loading) {
|
|
if (e.shiftKey) { $($t).jqGrid("prevCell", iRow, iCol); } //Shift TAb
|
|
else { $($t).jqGrid("nextCell", iRow, iCol); } //Tab
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
e.stopPropagation();
|
|
});
|
|
$($t).triggerHandler("jqGridAfterEditCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
|
|
if ($.isFunction($t.p.afterEditCell)) {
|
|
$t.p.afterEditCell.call($t, $t.rows[iRow].id, nm, tmp, iRow, iCol);
|
|
}
|
|
} else {
|
|
if (parseInt($t.p.iCol, 10) >= 0 && parseInt($t.p.iRow, 10) >= 0) {
|
|
//$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell " + highlight);
|
|
$($t.rows[$t.p.iRow]).removeClass("selected-row " + hover).find("td:eq(" + $t.p.iCol + ")").removeClass("edit-cell " + highlight);
|
|
}
|
|
cc.addClass("edit-cell " + highlight);
|
|
$($t.rows[iRow]).addClass("selected-row " + hover);
|
|
tmp = cc.html().replace(/\ \;/ig, '');
|
|
$($t).triggerHandler("jqGridSelectCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
|
|
if ($.isFunction($t.p.onSelectCell)) {
|
|
$t.p.onSelectCell.call($t, $t.rows[iRow].id, nm, tmp, iRow, iCol);
|
|
}
|
|
}
|
|
$t.p.iCol = iCol; $t.p.iRow = iRow;
|
|
});
|
|
},
|
|
saveCell: function (iRow, iCol) {
|
|
return this.each(function () {
|
|
var $t = this, fr,
|
|
errors = $.jgrid.getRegional(this, 'errors'),
|
|
edit = $.jgrid.getRegional(this, 'edit');
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
if ($t.p.savedRow.length >= 1) { fr = 0; } else { fr = null; }
|
|
if (fr !== null) {
|
|
var cc = $("td:eq(" + iCol + ")", $t.rows[iRow]), v, v2,
|
|
cm = $t.p.colModel[iCol], nm = cm.name, nmjq = $.jgrid.jqID(nm),
|
|
p = $(cc).offset();
|
|
|
|
switch (cm.edittype) {
|
|
case "select":
|
|
if (!cm.editoptions.multiple) {
|
|
v = $("#" + iRow + "_" + nmjq + " option:selected", $t.rows[iRow]).val();
|
|
v2 = $("#" + iRow + "_" + nmjq + " option:selected", $t.rows[iRow]).text();
|
|
} else {
|
|
var sel = $("#" + iRow + "_" + nmjq, $t.rows[iRow]), selectedText = [];
|
|
v = $(sel).val();
|
|
if (v) { v.join(","); } else { v = ""; }
|
|
$("option:selected", sel).each(
|
|
function (i, selected) {
|
|
selectedText[i] = $(selected).text();
|
|
}
|
|
);
|
|
v2 = selectedText.join(",");
|
|
}
|
|
if (cm.formatter) { v2 = v; }
|
|
break;
|
|
case "checkbox":
|
|
var cbv = ["Yes", "No"];
|
|
if (cm.editoptions) {
|
|
cbv = cm.editoptions.value.split(":");
|
|
}
|
|
v = $("#" + iRow + "_" + nmjq, $t.rows[iRow]).is(":checked") ? cbv[0] : cbv[1];
|
|
v2 = v;
|
|
break;
|
|
case "password":
|
|
case "text":
|
|
case "textarea":
|
|
case "button":
|
|
v = $("#" + iRow + "_" + nmjq, $t.rows[iRow]).val();
|
|
v2 = v;
|
|
break;
|
|
case 'custom':
|
|
try {
|
|
if (cm.editoptions && $.isFunction(cm.editoptions.custom_value)) {
|
|
v = cm.editoptions.custom_value.call($t, $(".customelement", cc), 'get');
|
|
if (v === undefined) { throw "e2"; } else { v2 = v; }
|
|
} else { throw "e1"; }
|
|
} catch (e) {
|
|
if (e === "e1") { $.jgrid.info_dialog(errors.errcap, "function 'custom_value' " + edit.msg.nodefined, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
else if (e === "e2") { $.jgrid.info_dialog(errors.errcap, "function 'custom_value' " + edit.msg.novalue, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
else { $.jgrid.info_dialog(errors.errcap, e.message, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
}
|
|
break;
|
|
}
|
|
// The common approach is if nothing changed do not do anything
|
|
if (v2 !== $t.p.savedRow[fr].v) {
|
|
var vvv = $($t).triggerHandler("jqGridBeforeSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
|
|
if (vvv) { v = vvv; v2 = vvv; }
|
|
if ($.isFunction($t.p.beforeSaveCell)) {
|
|
var vv = $t.p.beforeSaveCell.call($t, $t.rows[iRow].id, nm, v, iRow, iCol);
|
|
if (vv) { v = vv; v2 = vv; }
|
|
}
|
|
var cv = $.jgrid.checkValues.call($t, v, iCol), nuem = false;
|
|
if (cv[0] === true) {
|
|
var addpost = $($t).triggerHandler("jqGridBeforeSubmitCell", [$t.rows[iRow].id, nm, v, iRow, iCol]) || {};
|
|
if ($.isFunction($t.p.beforeSubmitCell)) {
|
|
addpost = $t.p.beforeSubmitCell.call($t, $t.rows[iRow].id, nm, v, iRow, iCol);
|
|
if (!addpost) { addpost = {}; }
|
|
}
|
|
if ($("input.hasDatepicker", cc).length > 0) { $("input.hasDatepicker", cc).datepicker('hide'); }
|
|
if ($t.p.cellsubmit === 'remote') {
|
|
if ($t.p.cellurl) {
|
|
var postdata = {};
|
|
if ($t.p.autoencode) { v = $.jgrid.htmlEncode(v); }
|
|
if (cm.editoptions && cm.editoptions.NullIfEmpty && v === "") {
|
|
v = 'null';
|
|
nuem = true;
|
|
}
|
|
postdata[nm] = v;
|
|
var idname, oper, opers;
|
|
opers = $t.p.prmNames;
|
|
idname = opers.id;
|
|
oper = opers.oper;
|
|
postdata[idname] = $.jgrid.stripPref($t.p.idPrefix, $t.rows[iRow].id);
|
|
postdata[oper] = opers.editoper;
|
|
postdata = $.extend(addpost, postdata);
|
|
$($t).jqGrid("progressBar", { method: "show", loadtype: $t.p.loadui, htmlcontent: $.jgrid.getRegional($t, 'defaults.savetext') });
|
|
$t.grid.hDiv.loading = true;
|
|
$.ajax($.extend({
|
|
url: $t.p.cellurl,
|
|
data: $.isFunction($t.p.serializeCellData) ? $t.p.serializeCellData.call($t, postdata, nm) : postdata,
|
|
type: "POST",
|
|
complete: function (result, stat) {
|
|
$($t).jqGrid("progressBar", { method: "hide", loadtype: $t.p.loadui });
|
|
$t.grid.hDiv.loading = false;
|
|
if (stat === 'success') {
|
|
var ret = $($t).triggerHandler("jqGridAfterSubmitCell", [$t, result, postdata.id, nm, v, iRow, iCol]) || [true, ''];
|
|
if (ret[0] === true && $.isFunction($t.p.afterSubmitCell)) {
|
|
ret = $t.p.afterSubmitCell.call($t, result, postdata.id, nm, v, iRow, iCol);
|
|
}
|
|
if (ret[0] === true) {
|
|
if (nuem) {
|
|
v = "";
|
|
}
|
|
$(cc).empty();
|
|
$($t).jqGrid("setCell", $t.rows[iRow].id, iCol, v2, false, false, true);
|
|
$(cc).addClass("dirty-cell");
|
|
$($t.rows[iRow]).addClass("edited");
|
|
$($t).triggerHandler("jqGridAfterSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
|
|
if ($.isFunction($t.p.afterSaveCell)) {
|
|
$t.p.afterSaveCell.call($t, $t.rows[iRow].id, nm, v, iRow, iCol);
|
|
}
|
|
$t.p.savedRow.splice(0, 1);
|
|
} else {
|
|
$.jgrid.info_dialog(errors.errcap, ret[1], edit.bClose, { styleUI: $t.p.styleUI });
|
|
if ($t.p.restoreCellonFail) {
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
error: function (res, stat, err) {
|
|
$("#lui_" + $.jgrid.jqID($t.p.id)).hide();
|
|
$t.grid.hDiv.loading = false;
|
|
$($t).triggerHandler("jqGridErrorCell", [res, stat, err]);
|
|
if ($.isFunction($t.p.errorCell)) {
|
|
$t.p.errorCell.call($t, res, stat, err);
|
|
} else {
|
|
$.jgrid.info_dialog(errors.errcap, res.status + " : " + res.statusText + "<br/>" + stat, edit.bClose, { styleUI: $t.p.styleUI });
|
|
}
|
|
if ($t.p.restoreCellonFail) {
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
}
|
|
}
|
|
}, $.jgrid.ajaxOptions, $t.p.ajaxCellOptions || {}));
|
|
} else {
|
|
try {
|
|
$.jgrid.info_dialog(errors.errcap, errors.nourl, edit.bClose, { styleUI: $t.p.styleUI });
|
|
if ($t.p.restoreCellonFail) {
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
}
|
|
} catch (e) { }
|
|
}
|
|
}
|
|
if ($t.p.cellsubmit === 'clientArray') {
|
|
$(cc).empty();
|
|
$($t).jqGrid("setCell", $t.rows[iRow].id, iCol, v2, false, false, true);
|
|
$(cc).addClass("dirty-cell");
|
|
$($t.rows[iRow]).addClass("edited");
|
|
$($t).triggerHandler("jqGridAfterSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
|
|
if ($.isFunction($t.p.afterSaveCell)) {
|
|
$t.p.afterSaveCell.call($t, $t.rows[iRow].id, nm, v, iRow, iCol);
|
|
}
|
|
$t.p.savedRow.splice(0, 1);
|
|
}
|
|
} else {
|
|
try {
|
|
window.setTimeout(function () { $.jgrid.info_dialog(errors.errcap, v + " " + cv[1], edit.bClose, { styleUI: $t.p.styleUI, top: p.top + 40, left: p.left }); }, 100);
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
} catch (e) { }
|
|
}
|
|
} else {
|
|
$($t).jqGrid("restoreCell", iRow, iCol);
|
|
}
|
|
}
|
|
window.setTimeout(function () { $("#" + $.jgrid.jqID($t.p.knv)).attr("tabindex", "-1").focus(); }, 0);
|
|
});
|
|
},
|
|
restoreCell: function (iRow, iCol) {
|
|
return this.each(function () {
|
|
var $t = this, fr;
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
if ($t.p.savedRow.length >= 1) { fr = 0; } else { fr = null; }
|
|
if (fr !== null) {
|
|
var cc = $("td:eq(" + iCol + ")", $t.rows[iRow]);
|
|
// datepicker fix
|
|
if ($.isFunction($.fn.datepicker)) {
|
|
try {
|
|
$("input.hasDatepicker", cc).datepicker('hide');
|
|
} catch (e) { }
|
|
}
|
|
$(cc).empty().attr("tabindex", "-1");
|
|
$($t).jqGrid("setCell", $t.rows[iRow].id, iCol, $t.p.savedRow[fr].v, false, false, true);
|
|
$($t).triggerHandler("jqGridAfterRestoreCell", [$t.rows[iRow].id, $t.p.savedRow[fr].v, iRow, iCol]);
|
|
if ($.isFunction($t.p.afterRestoreCell)) {
|
|
$t.p.afterRestoreCell.call($t, $t.rows[iRow].id, $t.p.savedRow[fr].v, iRow, iCol);
|
|
}
|
|
$t.p.savedRow.splice(0, 1);
|
|
}
|
|
window.setTimeout(function () { $("#" + $t.p.knv).attr("tabindex", "-1").focus(); }, 0);
|
|
});
|
|
},
|
|
nextCell: function (iRow, iCol) {
|
|
return this.each(function () {
|
|
var $t = this, nCol = false, i;
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
// try to find next editable cell
|
|
for (i = iCol + 1; i < $t.p.colModel.length; i++) {
|
|
if ($t.p.colModel[i].editable === true && (!$.isFunction($t.p.isCellEditable) || $t.p.isCellEditable.call($t, $t.p.colModel[i].name, iRow, i))) {
|
|
nCol = i; break;
|
|
}
|
|
}
|
|
if (nCol !== false) {
|
|
$($t).jqGrid("editCell", iRow, nCol, true);
|
|
} else {
|
|
if ($t.p.savedRow.length > 0) {
|
|
$($t).jqGrid("saveCell", iRow, iCol);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
prevCell: function (iRow, iCol) {
|
|
return this.each(function () {
|
|
var $t = this, nCol = false, i;
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
// try to find next editable cell
|
|
for (i = iCol - 1; i >= 0; i--) {
|
|
if ($t.p.colModel[i].editable === true && (!$.isFunction($t.p.isCellEditable) || $t.p.isCellEditable.call($t, $t.p.colModel[i].name, iRow, i))) {
|
|
nCol = i; break;
|
|
}
|
|
}
|
|
if (nCol !== false) {
|
|
$($t).jqGrid("editCell", iRow, nCol, true);
|
|
} else {
|
|
if ($t.p.savedRow.length > 0) {
|
|
$($t).jqGrid("saveCell", iRow, iCol);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
GridNav: function () {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
// trick to process keydown on non input elements
|
|
$t.p.knv = $t.p.id + "_kn";
|
|
var selection = $("<div style='position:fixed;top:0px;width:1px;height:1px;' tabindex='0'><div tabindex='-1' style='width:1px;height:1px;' id='" + $t.p.knv + "'></div></div>"),
|
|
i, kdir;
|
|
function scrollGrid(iR, iC, tp) {
|
|
if (tp.substr(0, 1) === 'v') {
|
|
var ch = $($t.grid.bDiv)[0].clientHeight,
|
|
st = $($t.grid.bDiv)[0].scrollTop,
|
|
nROT = $t.rows[iR].offsetTop + $t.rows[iR].clientHeight,
|
|
pROT = $t.rows[iR].offsetTop;
|
|
if (tp === 'vd') {
|
|
if (nROT >= ch) {
|
|
$($t.grid.bDiv)[0].scrollTop = $($t.grid.bDiv)[0].scrollTop + $t.rows[iR].clientHeight;
|
|
}
|
|
}
|
|
if (tp === 'vu') {
|
|
if (pROT < st) {
|
|
$($t.grid.bDiv)[0].scrollTop = $($t.grid.bDiv)[0].scrollTop - $t.rows[iR].clientHeight;
|
|
}
|
|
}
|
|
}
|
|
if (tp === 'h') {
|
|
var cw = $($t.grid.bDiv)[0].clientWidth,
|
|
sl = $($t.grid.bDiv)[0].scrollLeft,
|
|
nCOL = $t.rows[iR].cells[iC].offsetLeft + $t.rows[iR].cells[iC].clientWidth,
|
|
pCOL = $t.rows[iR].cells[iC].offsetLeft;
|
|
if (nCOL >= cw + parseInt(sl, 10)) {
|
|
$($t.grid.bDiv)[0].scrollLeft = $($t.grid.bDiv)[0].scrollLeft + $t.rows[iR].cells[iC].clientWidth;
|
|
} else if (pCOL < sl) {
|
|
$($t.grid.bDiv)[0].scrollLeft = $($t.grid.bDiv)[0].scrollLeft - $t.rows[iR].cells[iC].clientWidth;
|
|
}
|
|
}
|
|
}
|
|
function findNextVisible(iC, act) {
|
|
var ind, i;
|
|
if (act === 'lft') {
|
|
ind = iC + 1;
|
|
for (i = iC; i >= 0; i--) {
|
|
if ($t.p.colModel[i].hidden !== true) {
|
|
ind = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (act === 'rgt') {
|
|
ind = iC - 1;
|
|
for (i = iC; i < $t.p.colModel.length; i++) {
|
|
if ($t.p.colModel[i].hidden !== true) {
|
|
ind = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return ind;
|
|
}
|
|
|
|
$(selection).insertBefore($t.grid.cDiv);
|
|
$("#" + $t.p.knv)
|
|
.focus()
|
|
.keydown(function (e) {
|
|
kdir = e.keyCode;
|
|
if ($t.p.direction === "rtl") {
|
|
if (kdir === 37) { kdir = 39; }
|
|
else if (kdir === 39) { kdir = 37; }
|
|
}
|
|
switch (kdir) {
|
|
case 38:
|
|
if ($t.p.iRow - 1 > 0) {
|
|
scrollGrid($t.p.iRow - 1, $t.p.iCol, 'vu');
|
|
$($t).jqGrid("editCell", $t.p.iRow - 1, $t.p.iCol, false);
|
|
}
|
|
break;
|
|
case 40:
|
|
if ($t.p.iRow + 1 <= $t.rows.length - 1) {
|
|
scrollGrid($t.p.iRow + 1, $t.p.iCol, 'vd');
|
|
$($t).jqGrid("editCell", $t.p.iRow + 1, $t.p.iCol, false);
|
|
}
|
|
break;
|
|
case 37:
|
|
if ($t.p.iCol - 1 >= 0) {
|
|
i = findNextVisible($t.p.iCol - 1, 'lft');
|
|
scrollGrid($t.p.iRow, i, 'h');
|
|
$($t).jqGrid("editCell", $t.p.iRow, i, false);
|
|
}
|
|
break;
|
|
case 39:
|
|
if ($t.p.iCol + 1 <= $t.p.colModel.length - 1) {
|
|
i = findNextVisible($t.p.iCol + 1, 'rgt');
|
|
scrollGrid($t.p.iRow, i, 'h');
|
|
$($t).jqGrid("editCell", $t.p.iRow, i, false);
|
|
}
|
|
break;
|
|
case 13:
|
|
if (parseInt($t.p.iCol, 10) >= 0 && parseInt($t.p.iRow, 10) >= 0) {
|
|
$($t).jqGrid("editCell", $t.p.iRow, $t.p.iCol, true);
|
|
}
|
|
break;
|
|
default:
|
|
return true;
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
},
|
|
getChangedCells: function (mthd) {
|
|
var ret = [];
|
|
if (!mthd) { mthd = 'all'; }
|
|
this.each(function () {
|
|
var $t = this, nm;
|
|
if (!$t.grid || $t.p.cellEdit !== true) { return; }
|
|
$($t.rows).each(function (j) {
|
|
var res = {};
|
|
if ($(this).hasClass("edited")) {
|
|
$('td', this).each(function (i) {
|
|
nm = $t.p.colModel[i].name;
|
|
if (nm !== 'cb' && nm !== 'subgrid') {
|
|
if (mthd === 'dirty') {
|
|
if ($(this).hasClass('dirty-cell')) {
|
|
try {
|
|
res[nm] = $.unformat.call($t, this, { rowId: $t.rows[j].id, colModel: $t.p.colModel[i] }, i);
|
|
} catch (e) {
|
|
res[nm] = $.jgrid.htmlDecode($(this).html());
|
|
}
|
|
}
|
|
} else {
|
|
try {
|
|
res[nm] = $.unformat.call($t, this, { rowId: $t.rows[j].id, colModel: $t.p.colModel[i] }, i);
|
|
} catch (e) {
|
|
res[nm] = $.jgrid.htmlDecode($(this).html());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
res.id = this.id;
|
|
ret.push(res);
|
|
}
|
|
});
|
|
});
|
|
return ret;
|
|
}
|
|
/// end cell editing
|
|
});
|
|
|
|
//module begin
|
|
$.extend($.jgrid, {
|
|
// Modal functions
|
|
showModal: function (h) {
|
|
h.w.show();
|
|
},
|
|
closeModal: function (h) {
|
|
h.w.hide().attr("aria-hidden", "true");
|
|
if (h.o) { h.o.remove(); }
|
|
},
|
|
hideModal: function (selector, o) {
|
|
o = $.extend({ jqm: true, gb: '', removemodal: false, formprop: false, form: '' }, o || {});
|
|
var thisgrid = o.gb && typeof o.gb === "string" && o.gb.substr(0, 6) === "#gbox_" ? $("#" + o.gb.substr(6))[0] : false;
|
|
if (o.onClose) {
|
|
var oncret = thisgrid ? o.onClose.call(thisgrid, selector) : o.onClose(selector);
|
|
if (typeof oncret === 'boolean' && !oncret) { return; }
|
|
}
|
|
if (o.formprop && thisgrid && o.form) {
|
|
var fh = $(selector)[0].style.height,
|
|
fw = $(selector)[0].style.width;
|
|
if (fh.indexOf("px") > -1) {
|
|
fh = parseFloat(fh);
|
|
}
|
|
if (fw.indexOf("px") > -1) {
|
|
fw = parseFloat(fw);
|
|
}
|
|
var frmgr, frmdata;
|
|
if (o.form === 'edit') {
|
|
frmgr = '#' + $.jgrid.jqID("FrmGrid_" + o.gb.substr(6));
|
|
frmdata = "formProp";
|
|
} else if (o.form === 'view') {
|
|
frmgr = '#' + $.jgrid.jqID("ViewGrid_" + o.gb.substr(6));
|
|
frmdata = "viewProp";
|
|
}
|
|
$(thisgrid).data(frmdata, {
|
|
top: parseFloat($(selector).css("top")),
|
|
left: parseFloat($(selector).css("left")),
|
|
width: fw,
|
|
height: fh,
|
|
dataheight: $(frmgr).height(),
|
|
datawidth: $(frmgr).width()
|
|
});
|
|
}
|
|
if ($.fn.jqm && o.jqm === true) {
|
|
$(selector).attr("aria-hidden", "true").jqmHide();
|
|
} else {
|
|
if (o.gb !== '') {
|
|
try { $(".jqgrid-overlay:first", o.gb).hide(); } catch (e) { }
|
|
}
|
|
$(selector).hide().attr("aria-hidden", "true");
|
|
}
|
|
if (o.removemodal) {
|
|
$(selector).remove();
|
|
}
|
|
},
|
|
//Helper functions
|
|
findPos: function (obj) {
|
|
var curleft = 0, curtop = 0;
|
|
if (obj.offsetParent) {
|
|
do {
|
|
curleft += obj.offsetLeft;
|
|
curtop += obj.offsetTop;
|
|
} while (obj = obj.offsetParent);
|
|
//do not change obj == obj.offsetParent
|
|
}
|
|
return [curleft, curtop];
|
|
},
|
|
createModal: function (aIDs, content, p, insertSelector, posSelector, appendsel, css) {
|
|
p = $.extend(true, {}, $.jgrid.jqModal || {}, p);
|
|
var self = this,
|
|
rtlsup = $(p.gbox).attr("dir") === "rtl" ? true : false,
|
|
classes = $.jgrid.styleUI[(p.styleUI || 'jQueryUI')].modal,
|
|
common = $.jgrid.styleUI[(p.styleUI || 'jQueryUI')].common,
|
|
mw = document.createElement('div');
|
|
css = $.extend({}, css || {});
|
|
mw.className = "ui-jqdialog " + classes.modal;
|
|
mw.id = aIDs.themodal;
|
|
var mh = document.createElement('div');
|
|
mh.className = "ui-jqdialog-titlebar " + classes.header;
|
|
mh.id = aIDs.modalhead;
|
|
$(mh).append("<span class='ui-jqdialog-title'>" + p.caption + "</span>");
|
|
var ahr = $("<a class='ui-jqdialog-titlebar-close " + common.cornerall + "'></a>")
|
|
.hover(function () { ahr.addClass(common.hover); },
|
|
function () { ahr.removeClass(common.hover); })
|
|
.append("<span class='" + common.icon_base + " " + classes.icon_close + "'></span>");
|
|
$(mh).append(ahr);
|
|
if (rtlsup) {
|
|
mw.dir = "rtl";
|
|
$(".ui-jqdialog-title", mh).css("float", "right");
|
|
$(".ui-jqdialog-titlebar-close", mh).css("left", 0.3 + "em");
|
|
} else {
|
|
mw.dir = "ltr";
|
|
$(".ui-jqdialog-title", mh).css("float", "left");
|
|
$(".ui-jqdialog-titlebar-close", mh).css("right", 0.3 + "em");
|
|
}
|
|
var mc = document.createElement('div');
|
|
$(mc).addClass("ui-jqdialog-content " + classes.content).attr("id", aIDs.modalcontent);
|
|
$(mc).append(content);
|
|
mw.appendChild(mc);
|
|
$(mw).prepend(mh);
|
|
if (appendsel === true) {
|
|
$('body').append(mw);
|
|
} //append as first child in body -for alert dialog
|
|
else if (typeof appendsel === "string") {
|
|
$(appendsel).append(mw);
|
|
} else {
|
|
$(mw).insertBefore(insertSelector);
|
|
}
|
|
$(mw).css(css);
|
|
if (p.jqModal === undefined) { p.jqModal = true; } // internal use
|
|
var coord = {};
|
|
if ($.fn.jqm && p.jqModal === true) {
|
|
if (p.left === 0 && p.top === 0 && p.overlay) {
|
|
var pos = [];
|
|
pos = $.jgrid.findPos(posSelector);
|
|
p.left = pos[0] + 4;
|
|
p.top = pos[1] + 4;
|
|
}
|
|
coord.top = p.top + "px";
|
|
coord.left = p.left;
|
|
} else if (p.left !== 0 || p.top !== 0) {
|
|
coord.left = p.left;
|
|
coord.top = p.top + "px";
|
|
}
|
|
$("a.ui-jqdialog-titlebar-close", mh).click(function () {
|
|
var oncm = $("#" + $.jgrid.jqID(aIDs.themodal)).data("onClose") || p.onClose;
|
|
var gboxclose = $("#" + $.jgrid.jqID(aIDs.themodal)).data("gbox") || p.gbox;
|
|
self.hideModal("#" + $.jgrid.jqID(aIDs.themodal), { gb: gboxclose, jqm: p.jqModal, onClose: oncm, removemodal: p.removemodal || false, formprop: !p.recreateForm || false, form: p.form || '' });
|
|
return false;
|
|
});
|
|
if (p.width === 0 || !p.width) { p.width = 300; }
|
|
if (p.height === 0 || !p.height) { p.height = 200; }
|
|
if (!p.zIndex) {
|
|
var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");
|
|
if (parentZ) {
|
|
p.zIndex = parseInt(parentZ, 10) + 2;
|
|
} else {
|
|
p.zIndex = 950;
|
|
}
|
|
}
|
|
var rtlt = 0;
|
|
if (rtlsup && coord.left && !appendsel) {
|
|
rtlt = $(p.gbox).width() - (!isNaN(p.width) ? parseInt(p.width, 10) : 0) - 8; // to do
|
|
// just in case
|
|
coord.left = parseInt(coord.left, 10) + parseInt(rtlt, 10);
|
|
}
|
|
if (coord.left) { coord.left += "px"; }
|
|
$(mw).css($.extend({
|
|
width: isNaN(p.width) ? "auto" : p.width + "px",
|
|
height: isNaN(p.height) ? "auto" : p.height + "px",
|
|
zIndex: p.zIndex,
|
|
overflow: 'hidden'
|
|
}, coord))
|
|
.attr({ tabIndex: "-1", "role": "dialog", "aria-labelledby": aIDs.modalhead, "aria-hidden": "true" });
|
|
if (p.drag === undefined) { p.drag = true; }
|
|
if (p.resize === undefined) { p.resize = true; }
|
|
if (p.drag) {
|
|
$(mh).css('cursor', 'move');
|
|
if ($.fn.tinyDraggable) {
|
|
//$(mw).jqDrag(mh);
|
|
$(mw).tinyDraggable({ handle: "#" + $.jgrid.jqID(mh.id) });
|
|
} else {
|
|
try {
|
|
$(mw).draggable({ handle: $("#" + $.jgrid.jqID(mh.id)) });
|
|
} catch (e) { }
|
|
}
|
|
}
|
|
if (p.resize) {
|
|
if ($.fn.jqResize) {
|
|
$(mw).append("<div class='jqResize " + classes.resizable + " " + common.icon_base + " " + classes.icon_resizable + "'></div>");
|
|
$("#" + $.jgrid.jqID(aIDs.themodal)).jqResize(".jqResize", aIDs.scrollelm ? "#" + $.jgrid.jqID(aIDs.scrollelm) : false);
|
|
} else {
|
|
try {
|
|
$(mw).resizable({ handles: 'se, sw', alsoResize: aIDs.scrollelm ? "#" + $.jgrid.jqID(aIDs.scrollelm) : false });
|
|
} catch (r) { }
|
|
}
|
|
}
|
|
if (p.closeOnEscape === true) {
|
|
$(mw).keydown(function (e) {
|
|
if (e.which === 27) {
|
|
var cone = $("#" + $.jgrid.jqID(aIDs.themodal)).data("onClose") || p.onClose;
|
|
self.hideModal("#" + $.jgrid.jqID(aIDs.themodal), { gb: p.gbox, jqm: p.jqModal, onClose: cone, removemodal: p.removemodal || false, formprop: !p.recreateForm || false, form: p.form || '' });
|
|
}
|
|
});
|
|
}
|
|
},
|
|
viewModal: function (selector, o) {
|
|
o = $.extend({
|
|
toTop: true,
|
|
overlay: 10,
|
|
modal: false,
|
|
overlayClass: 'ui-widget-overlay', // to be fixed
|
|
onShow: $.jgrid.showModal,
|
|
onHide: $.jgrid.closeModal,
|
|
gbox: '',
|
|
jqm: true,
|
|
jqM: true
|
|
}, o || {});
|
|
if (o.focusField === undefined) {
|
|
o.focusField = 0;
|
|
}
|
|
if (typeof o.focusField === "number" && o.focusField >= 0) {
|
|
o.focusField = parseInt(o.focusField, 10);
|
|
} else if (typeof o.focusField === "boolean" && !o.focusField) {
|
|
o.focusField = false;
|
|
} else {
|
|
o.focusField = 0;
|
|
}
|
|
if ($.fn.jqm && o.jqm === true) {
|
|
if (o.jqM) { $(selector).attr("aria-hidden", "false").jqm(o).jqmShow(); }
|
|
else { $(selector).attr("aria-hidden", "false").jqmShow(); }
|
|
} else {
|
|
if (o.gbox !== '') {
|
|
$(".jqgrid-overlay:first", o.gbox).show();
|
|
$(selector).data("gbox", o.gbox);
|
|
}
|
|
$(selector).show().attr("aria-hidden", "false");
|
|
if (o.focusField >= 0) {
|
|
try { $(':input:visible', selector)[parseInt(o.focusField, 10)].focus(); } catch (_) { }
|
|
}
|
|
}
|
|
},
|
|
info_dialog: function (caption, content, c_b, modalopt) {
|
|
var mopt = {
|
|
width: 290,
|
|
height: 'auto',
|
|
dataheight: 'auto',
|
|
drag: true,
|
|
resize: false,
|
|
left: 250,
|
|
top: 170,
|
|
zIndex: 1000,
|
|
jqModal: true,
|
|
modal: false,
|
|
closeOnEscape: true,
|
|
align: 'center',
|
|
buttonalign: 'center',
|
|
buttons: []
|
|
// {text:'textbutt', id:"buttid", onClick : function(){...}}
|
|
// if the id is not provided we set it like info_button_+ the index in the array - i.e info_button_0,info_button_1...
|
|
};
|
|
$.extend(true, mopt, $.jgrid.jqModal || {}, { caption: "<b>" + caption + "</b>" }, modalopt || {});
|
|
var jm = mopt.jqModal, self = this,
|
|
classes = $.jgrid.styleUI[(mopt.styleUI || 'jQueryUI')].modal,
|
|
common = $.jgrid.styleUI[(mopt.styleUI || 'jQueryUI')].common;
|
|
if ($.fn.jqm && !jm) { jm = false; }
|
|
// in case there is no jqModal
|
|
var buttstr = "", i;
|
|
if (mopt.buttons.length > 0) {
|
|
for (i = 0; i < mopt.buttons.length; i++) {
|
|
if (mopt.buttons[i].id === undefined) { mopt.buttons[i].id = "info_button_" + i; }
|
|
buttstr += "<a id='" + mopt.buttons[i].id + "' class='fm-button " + common.button + "'>" + mopt.buttons[i].text + "</a>";
|
|
}
|
|
}
|
|
var dh = isNaN(mopt.dataheight) ? mopt.dataheight : mopt.dataheight + "px",
|
|
cn = "text-align:" + mopt.align + ";";
|
|
var cnt = "<div id='info_id'>";
|
|
cnt += "<div id='infocnt' style='margin:0px;padding-bottom:1em;width:100%;overflow:auto;position:relative;height:" + dh + ";" + cn + "'>" + content + "</div>";
|
|
cnt += c_b ? "<div class='" + classes.content + "' style='text-align:" + mopt.buttonalign + ";padding-bottom:0.8em;padding-top:0.5em;background-image: none;border-width: 1px 0 0 0;'><a id='closedialog' class='fm-button " + common.button + "'>" + c_b + "</a>" + buttstr + "</div>" :
|
|
buttstr !== "" ? "<div class='" + classes.content + "' style='text-align:" + mopt.buttonalign + ";padding-bottom:0.8em;padding-top:0.5em;background-image: none;border-width: 1px 0 0 0;'>" + buttstr + "</div>" : "";
|
|
cnt += "</div>";
|
|
|
|
try {
|
|
if ($("#info_dialog").attr("aria-hidden") === "false") {
|
|
$.jgrid.hideModal("#info_dialog", { jqm: jm });
|
|
}
|
|
$("#info_dialog").remove();
|
|
} catch (e) { }
|
|
$.jgrid.createModal({
|
|
themodal: 'info_dialog',
|
|
modalhead: 'info_head',
|
|
modalcontent: 'info_content',
|
|
scrollelm: 'infocnt'
|
|
},
|
|
cnt,
|
|
mopt,
|
|
'', '', true
|
|
);
|
|
// attach onclick after inserting into the dom
|
|
if (buttstr) {
|
|
$.each(mopt.buttons, function (i) {
|
|
$("#" + $.jgrid.jqID(this.id), "#info_id").bind('click', function () { mopt.buttons[i].onClick.call($("#info_dialog")); return false; });
|
|
});
|
|
}
|
|
$("#closedialog", "#info_id").click(function () {
|
|
self.hideModal("#info_dialog", {
|
|
jqm: jm,
|
|
onClose: $("#info_dialog").data("onClose") || mopt.onClose,
|
|
gb: $("#info_dialog").data("gbox") || mopt.gbox
|
|
});
|
|
return false;
|
|
});
|
|
$(".fm-button", "#info_dialog").hover(
|
|
function () { $(this).addClass(common.hover); },
|
|
function () { $(this).removeClass(common.hover); }
|
|
);
|
|
if ($.isFunction(mopt.beforeOpen)) { mopt.beforeOpen(); }
|
|
$.jgrid.viewModal("#info_dialog", {
|
|
onHide: function (h) {
|
|
h.w.hide().remove();
|
|
if (h.o) { h.o.remove(); }
|
|
},
|
|
modal: mopt.modal,
|
|
jqm: jm
|
|
});
|
|
if ($.isFunction(mopt.afterOpen)) { mopt.afterOpen(); }
|
|
try { $("#info_dialog").focus(); } catch (m) { }
|
|
},
|
|
bindEv: function (el, opt) {
|
|
var $t = this;
|
|
if ($.isFunction(opt.dataInit)) {
|
|
opt.dataInit.call($t, el, opt);
|
|
}
|
|
if (opt.dataEvents) {
|
|
$.each(opt.dataEvents, function () {
|
|
if (this.data !== undefined) {
|
|
$(el).bind(this.type, this.data, this.fn);
|
|
} else {
|
|
$(el).bind(this.type, this.fn);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
// Form Functions
|
|
createEl: function (eltype, options, vl, autowidth, ajaxso) {
|
|
var elem = "", $t = this;
|
|
function setAttributes(elm, atr, exl) {
|
|
var exclude = ['dataInit', 'dataEvents', 'dataUrl', 'buildSelect', 'sopt', 'searchhidden', 'defaultValue', 'attr', 'custom_element', 'custom_value', 'oper'];
|
|
if (exl !== undefined && $.isArray(exl)) {
|
|
$.merge(exclude, exl);
|
|
}
|
|
$.each(atr, function (key, value) {
|
|
if ($.inArray(key, exclude) === -1) {
|
|
$(elm).attr(key, value);
|
|
}
|
|
});
|
|
if (!atr.hasOwnProperty('id')) {
|
|
$(elm).attr('id', $.jgrid.randId());
|
|
}
|
|
}
|
|
switch (eltype) {
|
|
case "textarea":
|
|
elem = document.createElement("textarea");
|
|
if (autowidth) {
|
|
if (!options.cols) { $(elem).css({ width: "98%" }); }
|
|
} else if (!options.cols) { options.cols = 20; }
|
|
if (!options.rows) { options.rows = 2; }
|
|
if (vl === ' ' || vl === ' ' || (vl.length === 1 && vl.charCodeAt(0) === 160)) { vl = ""; }
|
|
elem.value = vl;
|
|
setAttributes(elem, options);
|
|
$(elem).attr({ "role": "textbox", "multiline": "true" });
|
|
break;
|
|
case "checkbox": //what code for simple checkbox
|
|
elem = document.createElement("input");
|
|
elem.type = "checkbox";
|
|
if (!options.value) {
|
|
var vl1 = (vl + "").toLowerCase();
|
|
if (vl1.search(/(false|f|0|no|n|off|undefined)/i) < 0 && vl1 !== "") {
|
|
elem.checked = true;
|
|
elem.defaultChecked = true;
|
|
elem.value = vl;
|
|
} else {
|
|
elem.value = "on";
|
|
}
|
|
$(elem).attr("offval", "off");
|
|
} else {
|
|
var cbval = options.value.split(":");
|
|
if (vl === cbval[0]) {
|
|
elem.checked = true;
|
|
elem.defaultChecked = true;
|
|
}
|
|
elem.value = cbval[0];
|
|
$(elem).attr("offval", cbval[1]);
|
|
}
|
|
setAttributes(elem, options, ['value']);
|
|
$(elem).attr("role", "checkbox");
|
|
break;
|
|
case "select":
|
|
elem = document.createElement("select");
|
|
elem.setAttribute("role", "select");
|
|
var msl, ovm = [];
|
|
if (options.multiple === true) {
|
|
msl = true;
|
|
elem.multiple = "multiple";
|
|
$(elem).attr("aria-multiselectable", "true");
|
|
} else { msl = false; }
|
|
if (options.dataUrl != null) {
|
|
var rowid = null, postData = options.postData || ajaxso.postData;
|
|
try {
|
|
rowid = options.rowId;
|
|
} catch (e) { }
|
|
|
|
if ($t.p && $t.p.idPrefix) {
|
|
rowid = $.jgrid.stripPref($t.p.idPrefix, rowid);
|
|
}
|
|
$.ajax($.extend({
|
|
url: $.isFunction(options.dataUrl) ? options.dataUrl.call($t, rowid, vl, String(options.name)) : options.dataUrl,
|
|
type: "GET",
|
|
dataType: "html",
|
|
data: $.isFunction(postData) ? postData.call($t, rowid, vl, String(options.name)) : postData,
|
|
context: { elem: elem, options: options, vl: vl },
|
|
success: function (data) {
|
|
var ovm = [], elem = this.elem, vl = this.vl,
|
|
options = $.extend({}, this.options),
|
|
msl = options.multiple === true,
|
|
cU = options.cacheUrlData === true,
|
|
oV = '', txt,
|
|
a = $.isFunction(options.buildSelect) ? options.buildSelect.call($t, data) : data;
|
|
if (typeof a === 'string') {
|
|
a = $($.trim(a)).html();
|
|
}
|
|
if (a) {
|
|
$(elem).append(a);
|
|
setAttributes(elem, options, postData ? ['postData'] : undefined);
|
|
if (options.size === undefined) { options.size = msl ? 3 : 1; }
|
|
if (msl) {
|
|
ovm = vl.split(",");
|
|
ovm = $.map(ovm, function (n) { return $.trim(n); });
|
|
} else {
|
|
ovm[0] = $.trim(vl);
|
|
}
|
|
//$(elem).attr(options);
|
|
//setTimeout(function(){
|
|
$("option", elem).each(function (i) {
|
|
txt = $(this).text();
|
|
vl = $(this).val() || txt;
|
|
if (cU) {
|
|
oV += (i !== 0 ? ";" : "") + vl + ":" + txt;
|
|
}
|
|
//if(i===0) { this.selected = ""; }
|
|
// fix IE8/IE7 problem with selecting of the first item on multiple=true
|
|
if (i === 0 && elem.multiple) { this.selected = false; }
|
|
$(this).attr("role", "option");
|
|
if ($.inArray($.trim(txt), ovm) > -1 || $.inArray($.trim(vl), ovm) > -1) {
|
|
this.selected = "selected";
|
|
}
|
|
});
|
|
if (cU) {
|
|
if (options.oper === 'edit') {
|
|
$($t).jqGrid('setColProp', options.name, { editoptions: { buildSelect: null, dataUrl: null, value: oV } });
|
|
} else if (options.oper === 'search') {
|
|
$($t).jqGrid('setColProp', options.name, { searchoptions: { dataUrl: null, value: oV } });
|
|
} else if (options.oper === 'filter') {
|
|
if ($("#fbox_" + $t.p.id)[0].p) {
|
|
var cols = $("#fbox_" + $t.p.id)[0].p.columns, nm;
|
|
$.each(cols, function (i) {
|
|
nm = this.index || this.name;
|
|
if (options.name === nm) {
|
|
this.searchoptions.dataUrl = null;
|
|
this.searchoptions.value = oV;
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
$($t).triggerHandler("jqGridAddEditAfterSelectUrlComplete", [elem]);
|
|
//},0);
|
|
}
|
|
}
|
|
}, ajaxso || {}));
|
|
} else if (options.value) {
|
|
var i;
|
|
if (options.size === undefined) {
|
|
options.size = msl ? 3 : 1;
|
|
}
|
|
if (msl) {
|
|
ovm = vl.split(",");
|
|
ovm = $.map(ovm, function (n) { return $.trim(n); });
|
|
}
|
|
if (typeof options.value === 'function') { options.value = options.value(); }
|
|
var so, sv, ov, oSv, key, value,
|
|
sep = options.separator === undefined ? ":" : options.separator,
|
|
delim = options.delimiter === undefined ? ";" : options.delimiter;
|
|
if (typeof options.value === 'string') {
|
|
so = options.value.split(delim);
|
|
for (i = 0; i < so.length; i++) {
|
|
sv = so[i].split(sep);
|
|
if (sv.length > 2) {
|
|
sv[1] = $.map(sv, function (n, ii) { if (ii > 0) { return n; } }).join(sep);
|
|
}
|
|
ov = document.createElement("option");
|
|
ov.setAttribute("role", "option");
|
|
ov.value = sv[0]; ov.innerHTML = sv[1];
|
|
elem.appendChild(ov);
|
|
if (!msl && ($.trim(sv[0]) === $.trim(vl) || $.trim(sv[1]) === $.trim(vl))) { ov.selected = "selected"; }
|
|
if (msl && ($.inArray($.trim(sv[1]), ovm) > -1 || $.inArray($.trim(sv[0]), ovm) > -1)) { ov.selected = "selected"; }
|
|
}
|
|
} else if (Object.prototype.toString.call(options.value) === "[object Array]") {
|
|
oSv = options.value;
|
|
// array of arrays [[Key, Value], [Key, Value], ...]
|
|
for (i = 0; i < oSv.length; i++) {
|
|
if (oSv[i].length === 2) {
|
|
key = oSv[i][0];
|
|
value = oSv[i][1];
|
|
ov = document.createElement("option");
|
|
ov.setAttribute("role", "option");
|
|
ov.value = key; ov.innerHTML = value;
|
|
elem.appendChild(ov);
|
|
if (!msl && ($.trim(key) === $.trim(vl) || $.trim(value) === $.trim(vl))) { ov.selected = "selected"; }
|
|
if (msl && ($.inArray($.trim(value), ovm) > -1 || $.inArray($.trim(key), ovm) > -1)) { ov.selected = "selected"; }
|
|
}
|
|
}
|
|
} else if (typeof options.value === 'object') {
|
|
oSv = options.value;
|
|
for (key in oSv) {
|
|
if (oSv.hasOwnProperty(key)) {
|
|
ov = document.createElement("option");
|
|
ov.setAttribute("role", "option");
|
|
ov.value = key; ov.innerHTML = oSv[key];
|
|
elem.appendChild(ov);
|
|
if (!msl && ($.trim(key) === $.trim(vl) || $.trim(oSv[key]) === $.trim(vl))) { ov.selected = "selected"; }
|
|
if (msl && ($.inArray($.trim(oSv[key]), ovm) > -1 || $.inArray($.trim(key), ovm) > -1)) { ov.selected = "selected"; }
|
|
}
|
|
}
|
|
}
|
|
setAttributes(elem, options, ['value']);
|
|
}
|
|
break;
|
|
case "image":
|
|
case "file":
|
|
elem = document.createElement("input");
|
|
elem.type = eltype;
|
|
setAttributes(elem, options);
|
|
break;
|
|
case "custom":
|
|
elem = document.createElement("span");
|
|
try {
|
|
if ($.isFunction(options.custom_element)) {
|
|
var celm = options.custom_element.call($t, vl, options);
|
|
if (celm) {
|
|
celm = $(celm).addClass("customelement").attr({ id: options.id, name: options.name });
|
|
$(elem).empty().append(celm);
|
|
} else {
|
|
throw "e2";
|
|
}
|
|
} else {
|
|
throw "e1";
|
|
}
|
|
} catch (e) {
|
|
var errors = $.jgrid.getRegional($t, 'errors'),
|
|
edit = $.jgrid.getRegional($t, 'edit');
|
|
|
|
if (e === "e1") { $.jgrid.info_dialog(errors.errcap, "function 'custom_element' " + edit.msg.nodefined, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
else if (e === "e2") { $.jgrid.info_dialog(errors.errcap, "function 'custom_element' " + edit.msg.novalue, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
else { $.jgrid.info_dialog(errors.errcap, typeof e === "string" ? e : e.message, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
}
|
|
break;
|
|
default:
|
|
var role;
|
|
if (eltype === "button") { role = "button"; }
|
|
else { role = "textbox"; } // ???
|
|
elem = document.createElement("input");
|
|
elem.type = eltype;
|
|
elem.value = vl;
|
|
setAttributes(elem, options);
|
|
if (eltype !== "button") {
|
|
if (autowidth) {
|
|
if (!options.size) { $(elem).css({ width: "96%" }); }
|
|
} else if (!options.size) { options.size = 20; }
|
|
}
|
|
$(elem).attr("role", role);
|
|
}
|
|
return elem;
|
|
},
|
|
// Date Validation Javascript
|
|
checkDate: function (format, date) {
|
|
var daysInFebruary = function (year) {
|
|
// February has 29 days in any year evenly divisible by four,
|
|
// EXCEPT for centurial years which are not also divisible by 400.
|
|
return (((year % 4 === 0) && (year % 100 !== 0 || (year % 400 === 0))) ? 29 : 28);
|
|
},
|
|
tsp = {}, sep;
|
|
format = format.toLowerCase();
|
|
//we search for /,-,. for the date separator
|
|
if (format.indexOf("/") !== -1) {
|
|
sep = "/";
|
|
} else if (format.indexOf("-") !== -1) {
|
|
sep = "-";
|
|
} else if (format.indexOf(".") !== -1) {
|
|
sep = ".";
|
|
} else {
|
|
sep = "/";
|
|
}
|
|
format = format.split(sep);
|
|
date = date.split(sep);
|
|
if (date.length !== 3) { return false; }
|
|
var j = -1, yln, dln = -1, mln = -1, i;
|
|
for (i = 0; i < format.length; i++) {
|
|
var dv = isNaN(date[i]) ? 0 : parseInt(date[i], 10);
|
|
tsp[format[i]] = dv;
|
|
yln = format[i];
|
|
if (yln.indexOf("y") !== -1) { j = i; }
|
|
if (yln.indexOf("m") !== -1) { mln = i; }
|
|
if (yln.indexOf("d") !== -1) { dln = i; }
|
|
}
|
|
if (format[j] === "y" || format[j] === "yyyy") {
|
|
yln = 4;
|
|
} else if (format[j] === "yy") {
|
|
yln = 2;
|
|
} else {
|
|
yln = -1;
|
|
}
|
|
var daysInMonth = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
|
|
strDate;
|
|
if (j === -1) {
|
|
return false;
|
|
}
|
|
strDate = tsp[format[j]].toString();
|
|
if (yln === 2 && strDate.length === 1) { yln = 1; }
|
|
if (strDate.length !== yln || (tsp[format[j]] === 0 && date[j] !== "00")) {
|
|
return false;
|
|
}
|
|
if (mln === -1) {
|
|
return false;
|
|
}
|
|
strDate = tsp[format[mln]].toString();
|
|
if (strDate.length < 1 || tsp[format[mln]] < 1 || tsp[format[mln]] > 12) {
|
|
return false;
|
|
}
|
|
if (dln === -1) {
|
|
return false;
|
|
}
|
|
strDate = tsp[format[dln]].toString();
|
|
if (strDate.length < 1 || tsp[format[dln]] < 1 || tsp[format[dln]] > 31 || (tsp[format[mln]] === 2 && tsp[format[dln]] > daysInFebruary(tsp[format[j]])) || tsp[format[dln]] > daysInMonth[tsp[format[mln]]]) {
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
isEmpty: function (val) {
|
|
if (val.match(/^\s+$/) || val === "") {
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
checkTime: function (time) {
|
|
// checks only hh:ss (and optional am/pm)
|
|
var re = /^(\d{1,2}):(\d{2})([apAP][Mm])?$/, regs;
|
|
if (!$.jgrid.isEmpty(time)) {
|
|
regs = time.match(re);
|
|
if (regs) {
|
|
if (regs[3]) {
|
|
if (regs[1] < 1 || regs[1] > 12) { return false; }
|
|
} else {
|
|
if (regs[1] > 23) { return false; }
|
|
}
|
|
if (regs[2] > 59) {
|
|
return false;
|
|
}
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
checkValues: function (val, valref, customobject, nam) {
|
|
var edtrul, i, nm, dft, len, g = this, cm = g.p.colModel,
|
|
msg = $.jgrid.getRegional(this, 'edit.msg'), fmtdate;
|
|
if (customobject === undefined) {
|
|
if (typeof valref === 'string') {
|
|
for (i = 0, len = cm.length; i < len; i++) {
|
|
if (cm[i].name === valref) {
|
|
edtrul = cm[i].editrules;
|
|
valref = i;
|
|
if (cm[i].formoptions != null) { nm = cm[i].formoptions.label; }
|
|
break;
|
|
}
|
|
}
|
|
} else if (valref >= 0) {
|
|
edtrul = cm[valref].editrules;
|
|
}
|
|
} else {
|
|
edtrul = customobject;
|
|
nm = nam === undefined ? "_" : nam;
|
|
}
|
|
if (edtrul) {
|
|
if (!nm) { nm = g.p.colNames != null ? g.p.colNames[valref] : cm[valref].label; }
|
|
if (edtrul.required === true) {
|
|
if ($.jgrid.isEmpty(val)) { return [false, nm + ": " + msg.required, ""]; }
|
|
}
|
|
// force required
|
|
var rqfield = edtrul.required === false ? false : true;
|
|
if (edtrul.number === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
if (isNaN(val)) { return [false, nm + ": " + msg.number, ""]; }
|
|
}
|
|
}
|
|
if (edtrul.minValue !== undefined && !isNaN(edtrul.minValue)) {
|
|
if (parseFloat(val) < parseFloat(edtrul.minValue)) { return [false, nm + ": " + msg.minValue + " " + edtrul.minValue, ""]; }
|
|
}
|
|
if (edtrul.maxValue !== undefined && !isNaN(edtrul.maxValue)) {
|
|
if (parseFloat(val) > parseFloat(edtrul.maxValue)) { return [false, nm + ": " + msg.maxValue + " " + edtrul.maxValue, ""]; }
|
|
}
|
|
var filter;
|
|
if (edtrul.email === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
// taken from $ Validate plugin
|
|
filter = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i;
|
|
if (!filter.test(val)) { return [false, nm + ": " + msg.email, ""]; }
|
|
}
|
|
}
|
|
if (edtrul.integer === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
if (isNaN(val)) { return [false, nm + ": " + msg.integer, ""]; }
|
|
if ((val % 1 !== 0) || (val.indexOf('.') !== -1)) { return [false, nm + ": " + msg.integer, ""]; }
|
|
}
|
|
}
|
|
if (edtrul.date === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
if (cm[valref].formatoptions && cm[valref].formatoptions.newformat) {
|
|
dft = cm[valref].formatoptions.newformat;
|
|
fmtdate = $.jgrid.getRegional(g, 'formatter.date.masks');
|
|
if (fmtdate && fmtdate.hasOwnProperty(dft)) {
|
|
dft = fmtdate[dft];
|
|
}
|
|
} else {
|
|
dft = cm[valref].datefmt || "Y-m-d";
|
|
}
|
|
if (!$.jgrid.checkDate(dft, val)) { return [false, nm + ": " + msg.date + " - " + dft, ""]; }
|
|
}
|
|
}
|
|
if (edtrul.time === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
if (!$.jgrid.checkTime(val)) { return [false, nm + ": " + msg.date + " - hh:mm (am/pm)", ""]; }
|
|
}
|
|
}
|
|
if (edtrul.url === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
filter = /^(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
|
|
if (!filter.test(val)) { return [false, nm + ": " + msg.url, ""]; }
|
|
}
|
|
}
|
|
if (edtrul.custom === true) {
|
|
if (!(rqfield === false && $.jgrid.isEmpty(val))) {
|
|
if ($.isFunction(edtrul.custom_func)) {
|
|
var ret = edtrul.custom_func.call(g, val, nm, valref);
|
|
return $.isArray(ret) ? ret : [false, msg.customarray, ""];
|
|
}
|
|
return [false, msg.customfcheck, ""];
|
|
}
|
|
}
|
|
}
|
|
return [true, "", ""];
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.fn.jqFilter = function (arg) {
|
|
if (typeof arg === 'string') {
|
|
|
|
var fn = $.fn.jqFilter[arg];
|
|
if (!fn) {
|
|
throw ("jqFilter - No such method: " + arg);
|
|
}
|
|
var args = $.makeArray(arguments).slice(1);
|
|
return fn.apply(this, args);
|
|
}
|
|
|
|
var p = $.extend(true, {
|
|
filter: null,
|
|
columns: [],
|
|
sortStrategy: null,
|
|
onChange: null,
|
|
afterRedraw: null,
|
|
checkValues: null,
|
|
error: false,
|
|
errmsg: "",
|
|
errorcheck: true,
|
|
showQuery: true,
|
|
sopt: null,
|
|
ops: [],
|
|
operands: null,
|
|
numopts: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'],
|
|
stropts: ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni'],
|
|
strarr: ['text', 'string', 'blob'],
|
|
groupOps: [{ op: "AND", text: "AND" }, { op: "OR", text: "OR" }],
|
|
groupButton: true,
|
|
ruleButtons: true,
|
|
uniqueSearchFields: false,
|
|
direction: "ltr"
|
|
}, $.jgrid.filter, arg || {});
|
|
return this.each(function () {
|
|
if (this.filter) { return; }
|
|
this.p = p;
|
|
// setup filter in case if they is not defined
|
|
if (this.p.filter === null || this.p.filter === undefined) {
|
|
this.p.filter = {
|
|
groupOp: this.p.groupOps[0].op,
|
|
rules: [],
|
|
groups: []
|
|
};
|
|
}
|
|
|
|
// Sort the columns if the sort strategy is provided.
|
|
if (this.p.sortStrategy != null && $.isFunction(this.p.sortStrategy)) {
|
|
this.p.columns.sort(this.p.sortStrategy);
|
|
}
|
|
|
|
var i, len = this.p.columns.length, cl,
|
|
isIE = /msie/i.test(navigator.userAgent) && !window.opera;
|
|
|
|
// translating the options
|
|
this.p.initFilter = $.extend(true, {}, this.p.filter);
|
|
|
|
// set default values for the columns if they are not set
|
|
if (!len) { return; }
|
|
for (i = 0; i < len; i++) {
|
|
cl = this.p.columns[i];
|
|
if (cl.stype) {
|
|
// grid compatibility
|
|
cl.inputtype = cl.stype;
|
|
} else if (!cl.inputtype) {
|
|
cl.inputtype = 'text';
|
|
}
|
|
if (cl.sorttype) {
|
|
// grid compatibility
|
|
cl.searchtype = cl.sorttype;
|
|
} else if (!cl.searchtype) {
|
|
cl.searchtype = 'string';
|
|
}
|
|
if (cl.hidden === undefined) {
|
|
// jqGrid compatibility
|
|
cl.hidden = false;
|
|
}
|
|
if (!cl.label) {
|
|
cl.label = cl.name;
|
|
}
|
|
if (cl.index) {
|
|
cl.name = cl.index;
|
|
}
|
|
if (!cl.hasOwnProperty('searchoptions')) {
|
|
cl.searchoptions = {};
|
|
}
|
|
if (!cl.hasOwnProperty('searchrules')) {
|
|
cl.searchrules = {};
|
|
}
|
|
if (cl.search === undefined) {
|
|
cl.inlist = true;
|
|
} else {
|
|
cl.inlist = cl.search;
|
|
}
|
|
}
|
|
var getGrid = function () {
|
|
return $("#" + $.jgrid.jqID(p.id))[0] || null;
|
|
},
|
|
|
|
$tg = getGrid(),
|
|
classes = $.jgrid.styleUI[($tg.p.styleUI || 'jQueryUI')].filter,
|
|
common = $.jgrid.styleUI[($tg.p.styleUI || 'jQueryUI')].common;
|
|
|
|
|
|
if (this.p.showQuery) {
|
|
$(this).append("<table class='queryresult " + classes.table_widget + "' style='display:block;max-width:440px;border:0px none;' dir='" + this.p.direction + "'><tbody><tr><td class='query'></td></tr></tbody></table>");
|
|
}
|
|
/*
|
|
*Perform checking.
|
|
*
|
|
*/
|
|
var checkData = function (val, colModelItem) {
|
|
var ret = [true, ""], $t = getGrid();
|
|
if ($.isFunction(colModelItem.searchrules)) {
|
|
ret = colModelItem.searchrules.call($t, val, colModelItem);
|
|
} else if ($.jgrid && $.jgrid.checkValues) {
|
|
try {
|
|
ret = $.jgrid.checkValues.call($t, val, -1, colModelItem.searchrules, colModelItem.label);
|
|
} catch (e) { }
|
|
}
|
|
if (ret && ret.length && ret[0] === false) {
|
|
p.error = !ret[0];
|
|
p.errmsg = ret[1];
|
|
}
|
|
};
|
|
/* moving to common
|
|
randId = function() {
|
|
return Math.floor(Math.random()*10000).toString();
|
|
};
|
|
*/
|
|
|
|
this.onchange = function () {
|
|
// clear any error
|
|
this.p.error = false;
|
|
this.p.errmsg = "";
|
|
return $.isFunction(this.p.onChange) ? this.p.onChange.call(this, this.p) : false;
|
|
};
|
|
/*
|
|
* Redraw the filter every time when new field is added/deleted
|
|
* and field is changed
|
|
*/
|
|
this.reDraw = function () {
|
|
$("table.group:first", this).remove();
|
|
var t = this.createTableForGroup(p.filter, null);
|
|
$(this).append(t);
|
|
if ($.isFunction(this.p.afterRedraw)) {
|
|
this.p.afterRedraw.call(this, this.p);
|
|
}
|
|
};
|
|
/*
|
|
* Creates a grouping data for the filter
|
|
* @param group - object
|
|
* @param parentgroup - object
|
|
*/
|
|
this.createTableForGroup = function (group, parentgroup) {
|
|
var that = this, i;
|
|
// this table will hold all the group (tables) and rules (rows)
|
|
var table = $("<table class='group " + classes.table_widget + " ui-search-table' style='border:0px none;'><tbody></tbody></table>"),
|
|
// create error message row
|
|
align = "left";
|
|
if (this.p.direction === "rtl") {
|
|
align = "right";
|
|
table.attr("dir", "rtl");
|
|
}
|
|
if (parentgroup === null) {
|
|
table.append("<tr class='error' style='display:none;'><th colspan='5' class='" + common.error + "' align='" + align + "'></th></tr>");
|
|
}
|
|
|
|
var tr = $("<tr></tr>");
|
|
table.append(tr);
|
|
// this header will hold the group operator type and group action buttons for
|
|
// creating subgroup "+ {}", creating rule "+" or deleting the group "-"
|
|
var th = $("<th colspan='5' align='" + align + "'></th>");
|
|
tr.append(th);
|
|
|
|
if (this.p.ruleButtons === true) {
|
|
// dropdown for: choosing group operator type
|
|
var groupOpSelect = $("<select class='opsel " + classes.srSelect + "'></select>");
|
|
th.append(groupOpSelect);
|
|
// populate dropdown with all posible group operators: or, and
|
|
var str = "", selected;
|
|
for (i = 0; i < p.groupOps.length; i++) {
|
|
selected = group.groupOp === that.p.groupOps[i].op ? " selected='selected'" : "";
|
|
str += "<option value='" + that.p.groupOps[i].op + "'" + selected + ">" + that.p.groupOps[i].text + "</option>";
|
|
}
|
|
|
|
groupOpSelect
|
|
.append(str)
|
|
.bind('change', function () {
|
|
group.groupOp = $(groupOpSelect).val();
|
|
that.onchange(); // signals that the filter has changed
|
|
});
|
|
}
|
|
// button for adding a new subgroup
|
|
var inputAddSubgroup = "<span></span>";
|
|
if (this.p.groupButton) {
|
|
inputAddSubgroup = $("<input type='button' value='+ {}' title='Add subgroup' class='add-group " + common.button + "'/>");
|
|
inputAddSubgroup.bind('click', function () {
|
|
if (group.groups === undefined) {
|
|
group.groups = [];
|
|
}
|
|
|
|
group.groups.push({
|
|
groupOp: p.groupOps[0].op,
|
|
rules: [],
|
|
groups: []
|
|
}); // adding a new group
|
|
|
|
that.reDraw(); // the html has changed, force reDraw
|
|
|
|
that.onchange(); // signals that the filter has changed
|
|
return false;
|
|
});
|
|
}
|
|
th.append(inputAddSubgroup);
|
|
if (this.p.ruleButtons === true) {
|
|
// button for adding a new rule
|
|
var inputAddRule = $("<input type='button' value='+' title='Add rule' class='add-rule ui-add " + common.button + "'/>"), cm;
|
|
inputAddRule.bind('click', function () {
|
|
//if(!group) { group = {};}
|
|
if (group.rules === undefined) {
|
|
group.rules = [];
|
|
}
|
|
for (i = 0; i < that.p.columns.length; i++) {
|
|
// but show only serchable and serchhidden = true fields
|
|
var searchable = (that.p.columns[i].search === undefined) ? true : that.p.columns[i].search,
|
|
hidden = (that.p.columns[i].hidden === true),
|
|
ignoreHiding = (that.p.columns[i].searchoptions.searchhidden === true);
|
|
if ((ignoreHiding && searchable) || (searchable && !hidden)) {
|
|
cm = that.p.columns[i];
|
|
break;
|
|
}
|
|
}
|
|
if (!cm) {
|
|
return false;
|
|
}
|
|
var opr;
|
|
if (cm.searchoptions.sopt) { opr = cm.searchoptions.sopt; }
|
|
else if (that.p.sopt) { opr = that.p.sopt; }
|
|
else if ($.inArray(cm.searchtype, that.p.strarr) !== -1) { opr = that.p.stropts; }
|
|
else { opr = that.p.numopts; }
|
|
|
|
group.rules.push({
|
|
field: cm.name,
|
|
op: opr[0],
|
|
data: ""
|
|
}); // adding a new rule
|
|
|
|
that.reDraw(); // the html has changed, force reDraw
|
|
// for the moment no change have been made to the rule, so
|
|
// this will not trigger onchange event
|
|
return false;
|
|
});
|
|
th.append(inputAddRule);
|
|
}
|
|
|
|
// button for delete the group
|
|
if (parentgroup !== null) { // ignore the first group
|
|
var inputDeleteGroup = $("<input type='button' value='-' title='Delete group' class='delete-group " + common.button + "'/>");
|
|
th.append(inputDeleteGroup);
|
|
inputDeleteGroup.bind('click', function () {
|
|
// remove group from parent
|
|
for (i = 0; i < parentgroup.groups.length; i++) {
|
|
if (parentgroup.groups[i] === group) {
|
|
parentgroup.groups.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
that.reDraw(); // the html has changed, force reDraw
|
|
|
|
that.onchange(); // signals that the filter has changed
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// append subgroup rows
|
|
if (group.groups !== undefined) {
|
|
for (i = 0; i < group.groups.length; i++) {
|
|
var trHolderForSubgroup = $("<tr></tr>");
|
|
table.append(trHolderForSubgroup);
|
|
|
|
var tdFirstHolderForSubgroup = $("<td class='first'></td>");
|
|
trHolderForSubgroup.append(tdFirstHolderForSubgroup);
|
|
|
|
var tdMainHolderForSubgroup = $("<td colspan='4'></td>");
|
|
tdMainHolderForSubgroup.append(this.createTableForGroup(group.groups[i], group));
|
|
trHolderForSubgroup.append(tdMainHolderForSubgroup);
|
|
}
|
|
}
|
|
if (group.groupOp === undefined) {
|
|
group.groupOp = that.p.groupOps[0].op;
|
|
}
|
|
|
|
// append rules rows
|
|
var suni = that.p.ruleButtons && that.p.uniqueSearchFields;
|
|
if (suni) {
|
|
for (var ii = 0; ii < that.p.columns.length; ii++) {
|
|
if (that.p.columns[ii].inlist) {
|
|
that.p.columns[ii].search = true;
|
|
}
|
|
}
|
|
}
|
|
if (group.rules !== undefined) {
|
|
for (i = 0; i < group.rules.length; i++) {
|
|
table.append(
|
|
this.createTableRowForRule(group.rules[i], group)
|
|
);
|
|
if (suni) {
|
|
var field = group.rules[i].field;
|
|
for (var ii = 0; ii < that.p.columns.length; ii++) {
|
|
if (field === that.p.columns[ii].name) {
|
|
that.p.columns[ii].search = false;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return table;
|
|
};
|
|
/*
|
|
* Create the rule data for the filter
|
|
*/
|
|
this.createTableRowForRule = function (rule, group) {
|
|
// save current entity in a variable so that it could
|
|
// be referenced in anonimous method calls
|
|
|
|
var that = this, $t = getGrid(), tr = $("<tr></tr>"),
|
|
//document.createElement("tr"),
|
|
|
|
// first column used for padding
|
|
//tdFirstHolderForRule = document.createElement("td"),
|
|
i, op, trpar, cm, str = "", selected;
|
|
//tdFirstHolderForRule.setAttribute("class", "first");
|
|
tr.append("<td class='first'></td>");
|
|
|
|
|
|
// create field container
|
|
var ruleFieldTd = $("<td class='columns'></td>");
|
|
tr.append(ruleFieldTd);
|
|
|
|
|
|
// dropdown for: choosing field
|
|
var ruleFieldSelect = $("<select class='" + classes.srSelect + "'></select>"), ina, aoprs = [];
|
|
ruleFieldTd.append(ruleFieldSelect);
|
|
ruleFieldSelect.bind('change', function () {
|
|
rule.field = $(ruleFieldSelect).val();
|
|
|
|
trpar = $(this).parents("tr:first");
|
|
$(".data", trpar).empty();
|
|
for (i = 0; i < that.p.columns.length; i++) {
|
|
if (that.p.columns[i].name === rule.field) {
|
|
cm = that.p.columns[i];
|
|
break;
|
|
}
|
|
}
|
|
if (!cm) { return; }
|
|
cm.searchoptions.id = $.jgrid.randId();
|
|
cm.searchoptions.name = rule.field;
|
|
cm.searchoptions.oper = 'filter';
|
|
|
|
if (isIE && cm.inputtype === "text") {
|
|
if (!cm.searchoptions.size) {
|
|
cm.searchoptions.size = 10;
|
|
}
|
|
}
|
|
var elm = $.jgrid.createEl.call($t, cm.inputtype, cm.searchoptions, "", true, that.p.ajaxSelectOptions || {}, true);
|
|
$(elm).addClass("input-elm " + classes.srInput);
|
|
//that.createElement(rule, "");
|
|
|
|
if (cm.searchoptions.sopt) { op = cm.searchoptions.sopt; }
|
|
else if (that.p.sopt) { op = that.p.sopt; }
|
|
else if ($.inArray(cm.searchtype, that.p.strarr) !== -1) { op = that.p.stropts; }
|
|
else { op = that.p.numopts; }
|
|
// operators
|
|
var s = "", so = 0;
|
|
aoprs = [];
|
|
$.each(that.p.ops, function () { aoprs.push(this.oper); });
|
|
for (i = 0 ; i < op.length; i++) {
|
|
ina = $.inArray(op[i], aoprs);
|
|
if (ina !== -1) {
|
|
if (so === 0) {
|
|
rule.op = that.p.ops[ina].oper;
|
|
}
|
|
s += "<option value='" + that.p.ops[ina].oper + "'>" + that.p.ops[ina].text + "</option>";
|
|
so++;
|
|
}
|
|
}
|
|
$(".selectopts", trpar).empty().append(s);
|
|
$(".selectopts", trpar)[0].selectedIndex = 0;
|
|
if ($.jgrid.msie && $.jgrid.msiever() < 9) {
|
|
var sw = parseInt($("select.selectopts", trpar)[0].offsetWidth, 10) + 1;
|
|
$(".selectopts", trpar).width(sw);
|
|
$(".selectopts", trpar).css("width", "auto");
|
|
}
|
|
// data
|
|
$(".data", trpar).append(elm);
|
|
$.jgrid.bindEv.call($t, elm, cm.searchoptions);
|
|
$(".input-elm", trpar).bind('change', function (e) {
|
|
var elem = e.target;
|
|
rule.data = elem.nodeName.toUpperCase() === "SPAN" && cm.searchoptions && $.isFunction(cm.searchoptions.custom_value) ?
|
|
cm.searchoptions.custom_value.call($t, $(elem).children(".customelement:first"), 'get') : elem.value;
|
|
that.onchange(); // signals that the filter has changed
|
|
});
|
|
setTimeout(function () { //IE, Opera, Chrome
|
|
rule.data = $(elm).val();
|
|
that.onchange(); // signals that the filter has changed
|
|
}, 0);
|
|
});
|
|
|
|
// populate drop down with user provided column definitions
|
|
var j = 0;
|
|
for (i = 0; i < that.p.columns.length; i++) {
|
|
// but show only serchable and serchhidden = true fields
|
|
var searchable = (that.p.columns[i].search === undefined) ? true : that.p.columns[i].search,
|
|
hidden = (that.p.columns[i].hidden === true),
|
|
ignoreHiding = (that.p.columns[i].searchoptions.searchhidden === true);
|
|
if ((ignoreHiding && searchable) || (searchable && !hidden)) {
|
|
selected = "";
|
|
if (rule.field === that.p.columns[i].name) {
|
|
selected = " selected='selected'";
|
|
j = i;
|
|
}
|
|
str += "<option value='" + that.p.columns[i].name + "'" + selected + ">" + that.p.columns[i].label + "</option>";
|
|
}
|
|
}
|
|
ruleFieldSelect.append(str);
|
|
|
|
|
|
// create operator container
|
|
var ruleOperatorTd = $("<td class='operators'></td>");
|
|
tr.append(ruleOperatorTd);
|
|
cm = p.columns[j];
|
|
// create it here so it can be referentiated in the onchange event
|
|
//var RD = that.createElement(rule, rule.data);
|
|
cm.searchoptions.id = $.jgrid.randId();
|
|
if (isIE && cm.inputtype === "text") {
|
|
if (!cm.searchoptions.size) {
|
|
cm.searchoptions.size = 10;
|
|
}
|
|
}
|
|
cm.searchoptions.name = rule.field;
|
|
cm.searchoptions.oper = 'filter';
|
|
var ruleDataInput = $.jgrid.createEl.call($t, cm.inputtype, cm.searchoptions, rule.data, true, that.p.ajaxSelectOptions || {}, true);
|
|
if (rule.op === 'nu' || rule.op === 'nn') {
|
|
$(ruleDataInput).attr('readonly', 'true');
|
|
$(ruleDataInput).attr('disabled', 'true');
|
|
} //retain the state of disabled text fields in case of null ops
|
|
// dropdown for: choosing operator
|
|
var ruleOperatorSelect = $("<select class='selectopts " + classes.srSelect + "'></select>");
|
|
ruleOperatorTd.append(ruleOperatorSelect);
|
|
ruleOperatorSelect.bind('change', function () {
|
|
rule.op = $(ruleOperatorSelect).val();
|
|
trpar = $(this).parents("tr:first");
|
|
var rd = $(".input-elm", trpar)[0];
|
|
if (rule.op === "nu" || rule.op === "nn") { // disable for operator "is null" and "is not null"
|
|
rule.data = "";
|
|
if (rd.tagName.toUpperCase() !== 'SELECT') { rd.value = ""; }
|
|
rd.setAttribute("readonly", "true");
|
|
rd.setAttribute("disabled", "true");
|
|
} else {
|
|
if (rd.tagName.toUpperCase() === 'SELECT') { rule.data = rd.value; }
|
|
rd.removeAttribute("readonly");
|
|
rd.removeAttribute("disabled");
|
|
}
|
|
|
|
that.onchange(); // signals that the filter has changed
|
|
});
|
|
|
|
// populate drop down with all available operators
|
|
if (cm.searchoptions.sopt) { op = cm.searchoptions.sopt; }
|
|
else if (that.p.sopt) { op = that.p.sopt; }
|
|
else if ($.inArray(cm.searchtype, that.p.strarr) !== -1) { op = that.p.stropts; }
|
|
else { op = that.p.numopts; }
|
|
str = "";
|
|
$.each(that.p.ops, function () { aoprs.push(this.oper); });
|
|
for (i = 0; i < op.length; i++) {
|
|
ina = $.inArray(op[i], aoprs);
|
|
if (ina !== -1) {
|
|
selected = rule.op === that.p.ops[ina].oper ? " selected='selected'" : "";
|
|
str += "<option value='" + that.p.ops[ina].oper + "'" + selected + ">" + that.p.ops[ina].text + "</option>";
|
|
}
|
|
}
|
|
ruleOperatorSelect.append(str);
|
|
// create data container
|
|
var ruleDataTd = $("<td class='data'></td>");
|
|
tr.append(ruleDataTd);
|
|
|
|
// textbox for: data
|
|
// is created previously
|
|
//ruleDataInput.setAttribute("type", "text");
|
|
ruleDataTd.append(ruleDataInput);
|
|
$.jgrid.bindEv.call($t, ruleDataInput, cm.searchoptions);
|
|
$(ruleDataInput)
|
|
.addClass("input-elm " + classes.srInput)
|
|
.bind('change', function () {
|
|
rule.data = cm.inputtype === 'custom' ? cm.searchoptions.custom_value.call($t, $(this).children(".customelement:first"), 'get') : $(this).val();
|
|
that.onchange(); // signals that the filter has changed
|
|
});
|
|
|
|
// create action container
|
|
var ruleDeleteTd = $("<td></td>");
|
|
tr.append(ruleDeleteTd);
|
|
|
|
// create button for: delete rule
|
|
if (this.p.ruleButtons === true) {
|
|
var ruleDeleteInput = $("<input type='button' value='-' title='Delete rule' class='delete-rule ui-del " + common.button + "'/>");
|
|
ruleDeleteTd.append(ruleDeleteInput);
|
|
//$(ruleDeleteInput).html("").height(20).width(30).button({icons: { primary: "ui-icon-minus", text:false}});
|
|
ruleDeleteInput.bind('click', function () {
|
|
// remove rule from group
|
|
for (i = 0; i < group.rules.length; i++) {
|
|
if (group.rules[i] === rule) {
|
|
group.rules.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
that.reDraw(); // the html has changed, force reDraw
|
|
|
|
that.onchange(); // signals that the filter has changed
|
|
return false;
|
|
});
|
|
}
|
|
return tr;
|
|
};
|
|
|
|
this.getStringForGroup = function (group) {
|
|
var s = "(", index;
|
|
if (group.groups !== undefined) {
|
|
for (index = 0; index < group.groups.length; index++) {
|
|
if (s.length > 1) {
|
|
s += " " + group.groupOp + " ";
|
|
}
|
|
try {
|
|
s += this.getStringForGroup(group.groups[index]);
|
|
} catch (eg) { alert(eg); }
|
|
}
|
|
}
|
|
|
|
if (group.rules !== undefined) {
|
|
try {
|
|
for (index = 0; index < group.rules.length; index++) {
|
|
if (s.length > 1) {
|
|
s += " " + group.groupOp + " ";
|
|
}
|
|
s += this.getStringForRule(group.rules[index]);
|
|
}
|
|
} catch (e) { alert(e); }
|
|
}
|
|
|
|
s += ")";
|
|
|
|
if (s === "()") {
|
|
return ""; // ignore groups that don't have rules
|
|
}
|
|
return s;
|
|
};
|
|
this.getStringForRule = function (rule) {
|
|
var opUF = "", opC = "", i, cm, ret, val,
|
|
numtypes = ['int', 'integer', 'float', 'number', 'currency']; // jqGrid
|
|
for (i = 0; i < this.p.ops.length; i++) {
|
|
if (this.p.ops[i].oper === rule.op) {
|
|
opUF = this.p.operands.hasOwnProperty(rule.op) ? this.p.operands[rule.op] : "";
|
|
opC = this.p.ops[i].oper;
|
|
break;
|
|
}
|
|
}
|
|
for (i = 0; i < this.p.columns.length; i++) {
|
|
if (this.p.columns[i].name === rule.field) {
|
|
cm = this.p.columns[i];
|
|
break;
|
|
}
|
|
}
|
|
if (cm === undefined) { return ""; }
|
|
val = rule.data;
|
|
if (opC === 'bw' || opC === 'bn') { val = val + "%"; }
|
|
if (opC === 'ew' || opC === 'en') { val = "%" + val; }
|
|
if (opC === 'cn' || opC === 'nc') { val = "%" + val + "%"; }
|
|
if (opC === 'in' || opC === 'ni') { val = " (" + val + ")"; }
|
|
if (p.errorcheck) { checkData(rule.data, cm); }
|
|
if ($.inArray(cm.searchtype, numtypes) !== -1 || opC === 'nn' || opC === 'nu') { ret = rule.field + " " + opUF + " " + val; }
|
|
else { ret = rule.field + " " + opUF + " \"" + val + "\""; }
|
|
return ret;
|
|
};
|
|
this.resetFilter = function () {
|
|
this.p.filter = $.extend(true, {}, this.p.initFilter);
|
|
this.reDraw();
|
|
this.onchange();
|
|
};
|
|
this.hideError = function () {
|
|
$("th." + common.error, this).html("");
|
|
$("tr.error", this).hide();
|
|
};
|
|
this.showError = function () {
|
|
$("th." + common.error, this).html(this.p.errmsg);
|
|
$("tr.error", this).show();
|
|
};
|
|
this.toUserFriendlyString = function () {
|
|
return this.getStringForGroup(p.filter);
|
|
};
|
|
this.toString = function () {
|
|
// this will obtain a string that can be used to match an item.
|
|
var that = this;
|
|
function getStringRule(rule) {
|
|
if (that.p.errorcheck) {
|
|
var i, cm;
|
|
for (i = 0; i < that.p.columns.length; i++) {
|
|
if (that.p.columns[i].name === rule.field) {
|
|
cm = that.p.columns[i];
|
|
break;
|
|
}
|
|
}
|
|
if (cm) { checkData(rule.data, cm); }
|
|
}
|
|
return rule.op + "(item." + rule.field + ",'" + rule.data + "')";
|
|
}
|
|
|
|
function getStringForGroup(group) {
|
|
var s = "(", index;
|
|
|
|
if (group.groups !== undefined) {
|
|
for (index = 0; index < group.groups.length; index++) {
|
|
if (s.length > 1) {
|
|
if (group.groupOp === "OR") {
|
|
s += " || ";
|
|
}
|
|
else {
|
|
s += " && ";
|
|
}
|
|
}
|
|
s += getStringForGroup(group.groups[index]);
|
|
}
|
|
}
|
|
|
|
if (group.rules !== undefined) {
|
|
for (index = 0; index < group.rules.length; index++) {
|
|
if (s.length > 1) {
|
|
if (group.groupOp === "OR") {
|
|
s += " || ";
|
|
}
|
|
else {
|
|
s += " && ";
|
|
}
|
|
}
|
|
s += getStringRule(group.rules[index]);
|
|
}
|
|
}
|
|
|
|
s += ")";
|
|
|
|
if (s === "()") {
|
|
return ""; // ignore groups that don't have rules
|
|
}
|
|
return s;
|
|
}
|
|
|
|
return getStringForGroup(this.p.filter);
|
|
};
|
|
|
|
// Here we init the filter
|
|
this.reDraw();
|
|
|
|
if (this.p.showQuery) {
|
|
this.onchange();
|
|
}
|
|
// mark is as created so that it will not be created twice on this element
|
|
this.filter = true;
|
|
});
|
|
};
|
|
$.extend($.fn.jqFilter, {
|
|
/*
|
|
* Return SQL like string. Can be used directly
|
|
*/
|
|
toSQLString: function () {
|
|
var s = "";
|
|
this.each(function () {
|
|
s = this.toUserFriendlyString();
|
|
});
|
|
return s;
|
|
},
|
|
/*
|
|
* Return filter data as object.
|
|
*/
|
|
filterData: function () {
|
|
var s;
|
|
this.each(function () {
|
|
s = this.p.filter;
|
|
});
|
|
return s;
|
|
|
|
},
|
|
getParameter: function (param) {
|
|
if (param !== undefined) {
|
|
if (this.p.hasOwnProperty(param)) {
|
|
return this.p[param];
|
|
}
|
|
}
|
|
return this.p;
|
|
},
|
|
resetFilter: function () {
|
|
return this.each(function () {
|
|
this.resetFilter();
|
|
});
|
|
},
|
|
addFilter: function (pfilter) {
|
|
if (typeof pfilter === "string") {
|
|
pfilter = $.jgrid.parse(pfilter);
|
|
}
|
|
this.each(function () {
|
|
this.p.filter = pfilter;
|
|
this.reDraw();
|
|
this.onchange();
|
|
});
|
|
}
|
|
|
|
});
|
|
$.jgrid.extend({
|
|
filterToolbar: function (p) {
|
|
var regional = $.jgrid.getRegional(this[0], 'search');
|
|
p = $.extend({
|
|
autosearch: true,
|
|
autosearchDelay: 500,
|
|
searchOnEnter: true,
|
|
beforeSearch: null,
|
|
afterSearch: null,
|
|
beforeClear: null,
|
|
afterClear: null,
|
|
onClearSearchValue: null,
|
|
searchurl: '',
|
|
stringResult: false,
|
|
groupOp: 'AND',
|
|
defaultSearch: "bw",
|
|
searchOperators: false,
|
|
resetIcon: "x",
|
|
splitSelect: ",",
|
|
groupOpSelect: "OR",
|
|
operands: { "eq": "==", "ne": "!", "lt": "<", "le": "<=", "gt": ">", "ge": ">=", "bw": "^", "bn": "!^", "in": "=", "ni": "!=", "ew": "|", "en": "!@", "cn": "~", "nc": "!~", "nu": "#", "nn": "!#", "bt": "..." }
|
|
}, regional, p || {});
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if ($t.p.filterToolbar) { return; }
|
|
if (!$($t).data('filterToolbar')) {
|
|
$($t).data('filterToolbar', p);
|
|
}
|
|
if ($t.p.force_regional) {
|
|
p = $.extend(p, regional);
|
|
}
|
|
var classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].filter,
|
|
common = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].common,
|
|
base = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].base,
|
|
|
|
triggerToolbar = function () {
|
|
var sdata = {}, j = 0, v, nm, sopt = {}, so, ms = false, ssfield = [], bbt = false, sop;
|
|
$.each($t.p.colModel, function () {
|
|
var $elem = $("#gs_" + $t.p.idPrefix + $.jgrid.jqID(this.name), (this.frozen === true && $t.p.frozenColumns === true) ? $t.grid.fhDiv : $t.grid.hDiv);
|
|
nm = this.index || this.name;
|
|
sop = this.searchoptions || {};
|
|
if (p.searchOperators && sop.searchOperMenu) {
|
|
so = $elem.parent().prev().children("a").attr("soper") || p.defaultSearch;
|
|
} else {
|
|
so = (sop.sopt) ? sop.sopt[0] : this.stype === 'select' ? 'eq' : p.defaultSearch;
|
|
}
|
|
v = this.stype === "custom" && $.isFunction(sop.custom_value) && $elem.length > 0 && $elem[0].nodeName.toUpperCase() === "SPAN" ?
|
|
sop.custom_value.call($t, $elem.children(".customelement:first"), "get") :
|
|
$elem.val();
|
|
// detect multiselect
|
|
if (this.stype === 'select' && sop.multiple && $.isArray(v) && v.length) {
|
|
ms = true;
|
|
ssfield.push(nm);
|
|
v = v.length === 1 ? v[0] : v;
|
|
}
|
|
if (so === "bt") {
|
|
bbt = true;
|
|
}
|
|
if (v || so === "nu" || so === "nn") {
|
|
sdata[nm] = v;
|
|
sopt[nm] = so;
|
|
j++;
|
|
} else {
|
|
try {
|
|
delete $t.p.postData[nm];
|
|
} catch (z) { }
|
|
}
|
|
});
|
|
var sd = j > 0 ? true : false;
|
|
if (p.stringResult === true || $t.p.datatype === "local" || p.searchOperators === true) {
|
|
var ruleGroup = "{\"groupOp\":\"" + p.groupOp + "\",\"rules\":[";
|
|
var gi = 0;
|
|
$.each(sdata, function (i, n) {
|
|
if (gi > 0) { ruleGroup += ","; }
|
|
ruleGroup += "{\"field\":\"" + i + "\",";
|
|
ruleGroup += "\"op\":\"" + sopt[i] + "\",";
|
|
n += "";
|
|
ruleGroup += "\"data\":\"" + n.replace(/\\/g, '\\\\').replace(/\"/g, '\\"') + "\"}";
|
|
gi++;
|
|
});
|
|
ruleGroup += "]}";
|
|
// multiselect
|
|
var filters, rules, k, str, rule, ssdata, group;
|
|
if (ms) {
|
|
filters = $.jgrid.parse(ruleGroup);//, rules, k,str, rule, ssdata, group;
|
|
if (filters.rules && filters.rules.length) {
|
|
rules = filters.rules;
|
|
for (k = 0; k < rules.length; k++) {
|
|
rule = rules[k];
|
|
if ($.inArray(rule.filed, ssfield)) {
|
|
ssdata = rule.data.split(p.splitSelect);
|
|
if (ssdata.length > 1) {
|
|
if (filters.groups === undefined) {
|
|
filters.groups = [];
|
|
}
|
|
group = { groupOp: p.groupOpSelect, groups: [], rules: [] };
|
|
filters.groups.push(group);
|
|
$.each(ssdata, function (l) {
|
|
str = ssdata[l];
|
|
if (str) {
|
|
group.rules.push({ data: ssdata[l], op: rule.op, field: rule.field });
|
|
}
|
|
});
|
|
rules.splice(k, 1);
|
|
k--;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//ruleGroup = JSON.stringify( filters );
|
|
}
|
|
if (bbt) {
|
|
if (!$.isPlainObject(filters)) {
|
|
filters = $.jgrid.parse(ruleGroup);
|
|
}
|
|
if (filters.rules && filters.rules.length) {
|
|
rules = filters.rules;
|
|
for (k = 0; k < rules.length; k++) {
|
|
rule = rules[k];
|
|
if (rule.op === "bt") {
|
|
ssdata = rule.data.split("...");
|
|
if (ssdata.length > 1) {
|
|
if (filters.groups === undefined) {
|
|
filters.groups = [];
|
|
}
|
|
group = { groupOp: 'AND', groups: [], rules: [] };
|
|
filters.groups.push(group);
|
|
$.each(ssdata, function (l) {
|
|
var btop = l === 0 ? 'ge' : 'le';
|
|
str = ssdata[l];
|
|
if (str) {
|
|
group.rules.push({ data: ssdata[l], op: btop, field: rule.field });
|
|
}
|
|
});
|
|
rules.splice(k, 1);
|
|
k--;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (bbt || ms) {
|
|
ruleGroup = JSON.stringify(filters);
|
|
}
|
|
$.extend($t.p.postData, { filters: ruleGroup });
|
|
$.each(['searchField', 'searchString', 'searchOper'], function (i, n) {
|
|
if ($t.p.postData.hasOwnProperty(n)) { delete $t.p.postData[n]; }
|
|
});
|
|
} else {
|
|
$.extend($t.p.postData, sdata);
|
|
}
|
|
var saveurl;
|
|
if ($t.p.searchurl) {
|
|
saveurl = $t.p.url;
|
|
$($t).jqGrid("setGridParam", { url: $t.p.searchurl });
|
|
}
|
|
var bsr = $($t).triggerHandler("jqGridToolbarBeforeSearch") === 'stop' ? true : false;
|
|
if (!bsr && $.isFunction(p.beforeSearch)) { bsr = p.beforeSearch.call($t); }
|
|
if (!bsr) { $($t).jqGrid("setGridParam", { search: sd }).trigger("reloadGrid", [{ page: 1 }]); }
|
|
if (saveurl) { $($t).jqGrid("setGridParam", { url: saveurl }); }
|
|
$($t).triggerHandler("jqGridToolbarAfterSearch");
|
|
if ($.isFunction(p.afterSearch)) { p.afterSearch.call($t); }
|
|
},
|
|
clearToolbar = function (trigger) {
|
|
var sdata = {}, j = 0, nm;
|
|
trigger = (typeof trigger !== 'boolean') ? true : trigger;
|
|
$.each($t.p.colModel, function () {
|
|
var v, $elem = $("#gs_" + $t.p.idPrefix + $.jgrid.jqID(this.name), (this.frozen === true && $t.p.frozenColumns === true) ? $t.grid.fhDiv : $t.grid.hDiv);
|
|
if (this.searchoptions && this.searchoptions.defaultValue !== undefined) {
|
|
v = this.searchoptions.defaultValue;
|
|
}
|
|
nm = this.index || this.name;
|
|
switch (this.stype) {
|
|
case 'select':
|
|
$elem.find("option").each(function (i) {
|
|
if (i === 0) { this.selected = true; }
|
|
if ($(this).val() === v) {
|
|
this.selected = true;
|
|
return false;
|
|
}
|
|
});
|
|
if (v !== undefined) {
|
|
// post the key and not the text
|
|
sdata[nm] = v;
|
|
j++;
|
|
} else {
|
|
try {
|
|
delete $t.p.postData[nm];
|
|
} catch (e) { }
|
|
}
|
|
break;
|
|
case 'text':
|
|
$elem.val(v || "");
|
|
if (v !== undefined) {
|
|
sdata[nm] = v;
|
|
j++;
|
|
} else {
|
|
try {
|
|
delete $t.p.postData[nm];
|
|
} catch (y) { }
|
|
}
|
|
break;
|
|
case 'custom':
|
|
if ($.isFunction(this.searchoptions.custom_value) && $elem.length > 0 && $elem[0].nodeName.toUpperCase() === "SPAN") {
|
|
this.searchoptions.custom_value.call($t, $elem.children(".customelement:first"), "set", v || "");
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
var sd = j > 0 ? true : false;
|
|
$t.p.resetsearch = true;
|
|
if (p.stringResult === true || $t.p.datatype === "local") {
|
|
var ruleGroup = "{\"groupOp\":\"" + p.groupOp + "\",\"rules\":[";
|
|
var gi = 0;
|
|
$.each(sdata, function (i, n) {
|
|
if (gi > 0) { ruleGroup += ","; }
|
|
ruleGroup += "{\"field\":\"" + i + "\",";
|
|
ruleGroup += "\"op\":\"" + "eq" + "\",";
|
|
n += "";
|
|
ruleGroup += "\"data\":\"" + n.replace(/\\/g, '\\\\').replace(/\"/g, '\\"') + "\"}";
|
|
gi++;
|
|
});
|
|
ruleGroup += "]}";
|
|
$.extend($t.p.postData, { filters: ruleGroup });
|
|
$.each(['searchField', 'searchString', 'searchOper'], function (i, n) {
|
|
if ($t.p.postData.hasOwnProperty(n)) { delete $t.p.postData[n]; }
|
|
});
|
|
} else {
|
|
$.extend($t.p.postData, sdata);
|
|
}
|
|
var saveurl;
|
|
if ($t.p.searchurl) {
|
|
saveurl = $t.p.url;
|
|
$($t).jqGrid("setGridParam", { url: $t.p.searchurl });
|
|
}
|
|
var bcv = $($t).triggerHandler("jqGridToolbarBeforeClear") === 'stop' ? true : false;
|
|
if (!bcv && $.isFunction(p.beforeClear)) { bcv = p.beforeClear.call($t); }
|
|
if (!bcv) {
|
|
if (trigger) {
|
|
$($t).jqGrid("setGridParam", { search: sd }).trigger("reloadGrid", [{ page: 1 }]);
|
|
}
|
|
}
|
|
if (saveurl) { $($t).jqGrid("setGridParam", { url: saveurl }); }
|
|
$($t).triggerHandler("jqGridToolbarAfterClear");
|
|
if ($.isFunction(p.afterClear)) { p.afterClear(); }
|
|
},
|
|
toggleToolbar = function () {
|
|
var trow = $("tr.ui-search-toolbar", $t.grid.hDiv),
|
|
trow2 = $t.p.frozenColumns === true ? $("tr.ui-search-toolbar", $t.grid.fhDiv) : false;
|
|
if (trow.css("display") === 'none') {
|
|
trow.show();
|
|
if (trow2) {
|
|
trow2.show();
|
|
}
|
|
} else {
|
|
trow.hide();
|
|
if (trow2) {
|
|
trow2.hide();
|
|
}
|
|
}
|
|
},
|
|
buildRuleMenu = function (elem, left, top) {
|
|
$("#sopt_menu").remove();
|
|
|
|
left = parseInt(left, 10);
|
|
top = parseInt(top, 10) + 18;
|
|
|
|
var fs = $('.ui-jqgrid-view').css('font-size') || '11px';
|
|
var str = '<ul id="sopt_menu" class="ui-search-menu modal-content" role="menu" tabindex="0" style="font-size:' + fs + ';left:' + left + 'px;top:' + top + 'px;">',
|
|
selected = $(elem).attr("soper"), selclass,
|
|
aoprs = [], ina;
|
|
var i = 0, nm = $(elem).attr("colname"), len = $t.p.colModel.length;
|
|
while (i < len) {
|
|
if ($t.p.colModel[i].name === nm) {
|
|
break;
|
|
}
|
|
i++;
|
|
}
|
|
var cm = $t.p.colModel[i], options = $.extend({}, cm.searchoptions);
|
|
if (!options.sopt) {
|
|
options.sopt = [];
|
|
options.sopt[0] = cm.stype === 'select' ? 'eq' : p.defaultSearch;
|
|
}
|
|
$.each(p.odata, function () { aoprs.push(this.oper); });
|
|
for (i = 0 ; i < options.sopt.length; i++) {
|
|
ina = $.inArray(options.sopt[i], aoprs);
|
|
if (ina !== -1) {
|
|
selclass = selected === p.odata[ina].oper ? common.highlight : "";
|
|
str += '<li class="ui-menu-item ' + selclass + '" role="presentation"><a class="' + common.cornerall + ' g-menu-item" tabindex="0" role="menuitem" value="' + p.odata[ina].oper + '" oper="' + p.operands[p.odata[ina].oper] + '"><table class="ui-common-table"><tr><td width="25px">' + p.operands[p.odata[ina].oper] + '</td><td>' + p.odata[ina].text + '</td></tr></table></a></li>';
|
|
}
|
|
}
|
|
str += "</ul>";
|
|
$('body').append(str);
|
|
$("#sopt_menu").addClass("ui-menu " + classes.menu_widget);
|
|
$("#sopt_menu > li > a").hover(
|
|
function () { $(this).addClass(common.hover); },
|
|
function () { $(this).removeClass(common.hover); }
|
|
).click(function () {
|
|
var v = $(this).attr("value"),
|
|
oper = $(this).attr("oper");
|
|
$($t).triggerHandler("jqGridToolbarSelectOper", [v, oper, elem]);
|
|
$("#sopt_menu").hide();
|
|
$(elem).text(oper).attr("soper", v);
|
|
if (p.autosearch === true) {
|
|
var inpelm = $(elem).parent().next().children()[0];
|
|
if ($(inpelm).val() || v === "nu" || v === "nn") {
|
|
triggerToolbar();
|
|
}
|
|
}
|
|
});
|
|
};
|
|
// create the row
|
|
var tr = $("<tr class='ui-search-toolbar' role='row'></tr>"),
|
|
timeoutHnd, rules, filterobj;
|
|
if (p.restoreFromFilters) {
|
|
filterobj = $t.p.postData.filters;
|
|
if (filterobj) {
|
|
if (typeof filterobj === "string") {
|
|
filterobj = $.jgrid.parse(filterobj);
|
|
}
|
|
rules = filterobj.rules.length ? filterobj.rules : false;
|
|
}
|
|
}
|
|
$.each($t.p.colModel, function (ci) {
|
|
var cm = this, soptions, select = "", sot = "=", so, i, st, csv, df, elem, restores,
|
|
th = $("<th role='columnheader' class='" + base.headerBox + " ui-th-" + $t.p.direction + "' id='gsh_" + $t.p.id + "_" + cm.name + "' ></th>"),
|
|
thd = $("<div></div>"),
|
|
stbl = $("<table class='ui-search-table' cellspacing='0'><tr><td class='ui-search-oper' headers=''></td><td class='ui-search-input' headers=''></td><td class='ui-search-clear' headers=''></td></tr></table>");
|
|
if (this.hidden === true) { $(th).css("display", "none"); }
|
|
this.search = this.search === false ? false : true;
|
|
if (this.stype === undefined) { this.stype = 'text'; }
|
|
this.searchoptions = this.searchoptions || {};
|
|
if (this.searchoptions.searchOperMenu === undefined) {
|
|
this.searchoptions.searchOperMenu = true;
|
|
}
|
|
soptions = $.extend({}, this.searchoptions, { name: cm.index || cm.name, id: "gs_" + $t.p.idPrefix + cm.name, oper: 'search' });
|
|
if (this.search) {
|
|
if (p.restoreFromFilters && rules) {
|
|
restores = false;
|
|
for (var is = 0; is < rules.length; is++) {
|
|
if (rules[is].field) {
|
|
var snm = cm.index || cm.name;
|
|
if (snm === rules[is].field) {
|
|
restores = rules[is];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (p.searchOperators) {
|
|
so = (soptions.sopt) ? soptions.sopt[0] : cm.stype === 'select' ? 'eq' : p.defaultSearch;
|
|
// overwrite search operators
|
|
if (p.restoreFromFilters && restores) {
|
|
so = restores.op;
|
|
}
|
|
for (i = 0; i < p.odata.length; i++) {
|
|
if (p.odata[i].oper === so) {
|
|
sot = p.operands[so] || "";
|
|
break;
|
|
}
|
|
}
|
|
st = soptions.searchtitle != null ? soptions.searchtitle : p.operandTitle;
|
|
select = this.searchoptions.searchOperMenu ? "<a title='" + st + "' style='padding-right: 0.5em;' soper='" + so + "' class='soptclass' colname='" + this.name + "'>" + sot + "</a>" : "";
|
|
}
|
|
$("td:eq(0)", stbl).attr("colindex", ci).append(select);
|
|
if (soptions.clearSearch === undefined) {
|
|
soptions.clearSearch = true;
|
|
}
|
|
if (soptions.clearSearch) {
|
|
csv = p.resetTitle || 'Clear Search Value';
|
|
$("td:eq(2)", stbl).append("<a title='" + csv + "' style='padding-right: 0.3em;padding-left: 0.3em;' class='clearsearchclass'>" + p.resetIcon + "</a>");
|
|
} else {
|
|
$("td:eq(2)", stbl).hide();
|
|
}
|
|
if (this.surl) {
|
|
soptions.dataUrl = this.surl;
|
|
}
|
|
df = "";
|
|
if (soptions.defaultValue) {
|
|
df = $.isFunction(soptions.defaultValue) ? soptions.defaultValue.call($t) : soptions.defaultValue;
|
|
}
|
|
//overwrite default value if restore from filters
|
|
if (p.restoreFromFilters && restores) {
|
|
df = restores.data;
|
|
}
|
|
elem = $.jgrid.createEl.call($t, this.stype, soptions, df, false, $.extend({}, $.jgrid.ajaxOptions, $t.p.ajaxSelectOptions || {}));
|
|
$(elem).addClass(classes.srInput);
|
|
$("td:eq(1)", stbl).append(elem);
|
|
$(thd).append(stbl);
|
|
if (soptions.dataEvents == null) {
|
|
soptions.dataEvents = [];
|
|
}
|
|
switch (this.stype) {
|
|
case "select":
|
|
if (p.autosearch === true) {
|
|
soptions.dataEvents.push({
|
|
type: "change",
|
|
fn: function () {
|
|
triggerToolbar();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
break;
|
|
case "text":
|
|
if (p.autosearch === true) {
|
|
if (p.searchOnEnter) {
|
|
soptions.dataEvents.push({
|
|
type: "keypress",
|
|
fn: function (e) {
|
|
var key = e.charCode || e.keyCode || 0;
|
|
if (key === 13) {
|
|
triggerToolbar();
|
|
return false;
|
|
}
|
|
return this;
|
|
}
|
|
});
|
|
} else {
|
|
soptions.dataEvents.push({
|
|
type: "keydown",
|
|
fn: function (e) {
|
|
var key = e.which;
|
|
switch (key) {
|
|
case 13:
|
|
return false;
|
|
case 9:
|
|
case 16:
|
|
case 37:
|
|
case 38:
|
|
case 39:
|
|
case 40:
|
|
case 27:
|
|
break;
|
|
default:
|
|
if (timeoutHnd) { clearTimeout(timeoutHnd); }
|
|
timeoutHnd = setTimeout(function () { triggerToolbar(); }, p.autosearchDelay);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
|
|
$.jgrid.bindEv.call($t, elem, soptions);
|
|
}
|
|
$(th).append(thd);
|
|
$(tr).append(th);
|
|
if (!p.searchOperators || select === "") {
|
|
$("td:eq(0)", stbl).hide();
|
|
}
|
|
});
|
|
$("table thead", $t.grid.hDiv).append(tr);
|
|
if (p.searchOperators) {
|
|
$(".soptclass", tr).click(function (e) {
|
|
var offset = $(this).offset(),
|
|
left = (offset.left),
|
|
top = (offset.top);
|
|
buildRuleMenu(this, left, top);
|
|
e.stopPropagation();
|
|
});
|
|
$("body").on('click', function (e) {
|
|
if (e.target.className !== "soptclass") {
|
|
$("#sopt_menu").remove();
|
|
}
|
|
});
|
|
}
|
|
$(".clearsearchclass", tr).click(function () {
|
|
var ptr = $(this).parents("tr:first"),
|
|
coli = parseInt($("td.ui-search-oper", ptr).attr('colindex'), 10),
|
|
sval = $.extend({}, $t.p.colModel[coli].searchoptions || {}),
|
|
dval = sval.defaultValue ? sval.defaultValue : "",
|
|
elem;
|
|
if ($t.p.colModel[coli].stype === "select") {
|
|
elem = $("td.ui-search-input select", ptr);
|
|
if (dval) {
|
|
elem.val(dval);
|
|
} else {
|
|
elem[0].selectedIndex = 0;
|
|
}
|
|
} else {
|
|
elem = $("td.ui-search-input input", ptr);
|
|
elem.val(dval);
|
|
}
|
|
$($t).triggerHandler("jqGridToolbarClearVal", [elem[0], coli, sval, dval]);
|
|
if ($.isFunction(p.onClearSearchValue)) {
|
|
p.onClearSearchValue.call($t, elem[0], coli, sval, dval);
|
|
}
|
|
// ToDo custom search type
|
|
if (p.autosearch === true) {
|
|
triggerToolbar();
|
|
}
|
|
|
|
});
|
|
this.p.filterToolbar = true;
|
|
this.triggerToolbar = triggerToolbar;
|
|
this.clearToolbar = clearToolbar;
|
|
this.toggleToolbar = toggleToolbar;
|
|
});
|
|
},
|
|
destroyFilterToolbar: function () {
|
|
return this.each(function () {
|
|
if (!this.p.filterToolbar) {
|
|
return;
|
|
}
|
|
this.triggerToolbar = null;
|
|
this.clearToolbar = null;
|
|
this.toggleToolbar = null;
|
|
this.p.filterToolbar = false;
|
|
$(this.grid.hDiv).find("table thead tr.ui-search-toolbar").remove();
|
|
});
|
|
},
|
|
refreshFilterToolbar: function (p) {
|
|
p = $.extend(true, {
|
|
filters: "",
|
|
onClearVal: null,
|
|
onSetVal: null
|
|
}, p || {});
|
|
return this.each(function () {
|
|
var $t = this, cm = $t.p.colModel, i, l = $t.p.colModel.length,
|
|
searchitem, filters, rules, rule, ssfield = [], ia;
|
|
// clear the values on toolbar.
|
|
// do not call clearToolbar
|
|
if (!$t.p.filterToolbar) {
|
|
return;
|
|
}
|
|
for (i = 0; i < l; i++) {
|
|
ssfield.push(cm[i].name);
|
|
searchitem = $("#gs_" + $t.p.idPrefix + $.jgrid.jqID(cm[i].name));
|
|
switch (cm[i].stype) {
|
|
case 'select':
|
|
case 'text':
|
|
searchitem.val("");
|
|
break;
|
|
}
|
|
if ($.isFunction(p.onClearVal)) {
|
|
p.onClearVal.call($t, searchitem, cm[i].name);
|
|
}
|
|
}
|
|
function setrules(filter) {
|
|
if (filter && filter.rules) { // condition to exit
|
|
rules = filter.rules;
|
|
l = rules.length;
|
|
for (i = 0; i < l; i++) {
|
|
rule = rules[i];
|
|
ia = $.inArray(rule.field, ssfield);
|
|
if (ia !== -1) {
|
|
searchitem = $("#gs_" + $t.p.idPrefix + $.jgrid.jqID(cm[ia].name));
|
|
// problem for between operator
|
|
if (searchitem.length > 0) {
|
|
if (cm[ia].stype === "select") {
|
|
searchitem.find("option[value='" + $.jgrid.jqID(rule.data) + "']").prop('selected', true);
|
|
} else if (cm[ia].stype === "text") {
|
|
searchitem.val(rule.data);
|
|
}
|
|
if ($.isFunction(p.onSetVal)) {
|
|
p.onSetVal.call($t, searchitem, cm[ia].name);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (filter.groups) {
|
|
for (var k = 0; k < filter.groups.length; k++) {
|
|
setrules(filter.groups[k]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (typeof (p.filters) === "string" && p.filters.length) {
|
|
filters = $.jgrid.parse(p.filters);
|
|
// flat filters only
|
|
}
|
|
if ($.isPlainObject(filters)) {
|
|
setrules(filters);
|
|
}
|
|
});
|
|
},
|
|
searchGrid: function (p) {
|
|
var regional = $.jgrid.getRegional(this[0], 'search');
|
|
p = $.extend(true, {
|
|
recreateFilter: false,
|
|
drag: true,
|
|
sField: 'searchField',
|
|
sValue: 'searchString',
|
|
sOper: 'searchOper',
|
|
sFilter: 'filters',
|
|
loadDefaults: true, // this options activates loading of default filters from grid's postData for Multipe Search only.
|
|
beforeShowSearch: null,
|
|
afterShowSearch: null,
|
|
onInitializeSearch: null,
|
|
afterRedraw: null,
|
|
afterChange: null,
|
|
sortStrategy: null,
|
|
closeAfterSearch: false,
|
|
closeAfterReset: false,
|
|
closeOnEscape: false,
|
|
searchOnEnter: false,
|
|
multipleSearch: false,
|
|
multipleGroup: false,
|
|
//cloneSearchRowOnAdd: true,
|
|
top: 0,
|
|
left: 0,
|
|
jqModal: true,
|
|
modal: false,
|
|
resize: true,
|
|
width: 450,
|
|
height: 'auto',
|
|
dataheight: 'auto',
|
|
showQuery: false,
|
|
errorcheck: true,
|
|
sopt: null,
|
|
stringResult: undefined,
|
|
onClose: null,
|
|
onSearch: null,
|
|
onReset: null,
|
|
toTop: true,
|
|
overlay: 30,
|
|
columns: [],
|
|
tmplNames: null,
|
|
tmplFilters: null,
|
|
tmplLabel: ' Template: ',
|
|
showOnLoad: false,
|
|
layer: null,
|
|
operands: { "eq": "=", "ne": "<>", "lt": "<", "le": "<=", "gt": ">", "ge": ">=", "bw": "LIKE", "bn": "NOT LIKE", "in": "IN", "ni": "NOT IN", "ew": "LIKE", "en": "NOT LIKE", "cn": "LIKE", "nc": "NOT LIKE", "nu": "IS NULL", "nn": "ISNOT NULL" }
|
|
}, regional, p || {});
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
var fid = "fbox_" + $t.p.id,
|
|
showFrm = true,
|
|
mustReload = true,
|
|
IDs = { themodal: 'searchmod' + fid, modalhead: 'searchhd' + fid, modalcontent: 'searchcnt' + fid, scrollelm: fid },
|
|
defaultFilters = $t.p.postData[p.sFilter],
|
|
fl,
|
|
classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].filter,
|
|
common = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].common;
|
|
p.styleUI = $t.p.styleUI;
|
|
if (typeof defaultFilters === "string") {
|
|
defaultFilters = $.jgrid.parse(defaultFilters);
|
|
}
|
|
if (p.recreateFilter === true) {
|
|
$("#" + $.jgrid.jqID(IDs.themodal)).remove();
|
|
}
|
|
function showFilter(_filter) {
|
|
showFrm = $($t).triggerHandler("jqGridFilterBeforeShow", [_filter]);
|
|
if (showFrm === undefined) {
|
|
showFrm = true;
|
|
}
|
|
if (showFrm && $.isFunction(p.beforeShowSearch)) {
|
|
showFrm = p.beforeShowSearch.call($t, _filter);
|
|
}
|
|
if (showFrm) {
|
|
$.jgrid.viewModal("#" + $.jgrid.jqID(IDs.themodal), { gbox: "#gbox_" + $.jgrid.jqID(fid), jqm: p.jqModal, modal: p.modal, overlay: p.overlay, toTop: p.toTop });
|
|
$($t).triggerHandler("jqGridFilterAfterShow", [_filter]);
|
|
if ($.isFunction(p.afterShowSearch)) {
|
|
p.afterShowSearch.call($t, _filter);
|
|
}
|
|
}
|
|
}
|
|
if ($("#" + $.jgrid.jqID(IDs.themodal))[0] !== undefined) {
|
|
showFilter($("#fbox_" + $.jgrid.jqID($t.p.id)));
|
|
} else {
|
|
var fil = $("<div><div id='" + fid + "' class='searchFilter' style='overflow:auto'></div></div>").insertBefore("#gview_" + $.jgrid.jqID($t.p.id)),
|
|
align = "left", butleft = "";
|
|
if ($t.p.direction === "rtl") {
|
|
align = "right";
|
|
butleft = " style='text-align:left'";
|
|
fil.attr("dir", "rtl");
|
|
}
|
|
var columns = $.extend([], $t.p.colModel),
|
|
bS = "<a id='" + fid + "_search' class='fm-button " + common.button + " fm-button-icon-right ui-search'><span class='" + common.icon_base + " " + classes.icon_search + "'></span>" + p.Find + "</a>",
|
|
bC = "<a id='" + fid + "_reset' class='fm-button " + common.button + " fm-button-icon-left ui-reset'><span class='" + common.icon_base + " " + classes.icon_reset + "'></span>" + p.Reset + "</a>",
|
|
bQ = "", tmpl = "", colnm, found = false, bt, cmi = -1;
|
|
if (p.showQuery) {
|
|
bQ = "<a id='" + fid + "_query' class='fm-button " + common.button + " fm-button-icon-left'><span class='" + common.icon_base + " " + classes.icon_query + "'></span>Query</a>";
|
|
}
|
|
if (!p.columns.length) {
|
|
$.each(columns, function (i, n) {
|
|
if (!n.label) {
|
|
n.label = $t.p.colNames[i];
|
|
}
|
|
// find first searchable column and set it if no default filter
|
|
if (!found) {
|
|
var searchable = (n.search === undefined) ? true : n.search,
|
|
hidden = (n.hidden === true),
|
|
ignoreHiding = (n.searchoptions && n.searchoptions.searchhidden === true);
|
|
if ((ignoreHiding && searchable) || (searchable && !hidden)) {
|
|
found = true;
|
|
colnm = n.index || n.name;
|
|
cmi = i;
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
columns = p.columns;
|
|
cmi = 0;
|
|
colnm = columns[0].index || columns[0].name;
|
|
}
|
|
// old behaviour
|
|
if ((!defaultFilters && colnm) || p.multipleSearch === false) {
|
|
var cmop = "eq";
|
|
if (cmi >= 0 && columns[cmi].searchoptions && columns[cmi].searchoptions.sopt) {
|
|
cmop = columns[cmi].searchoptions.sopt[0];
|
|
} else if (p.sopt && p.sopt.length) {
|
|
cmop = p.sopt[0];
|
|
}
|
|
defaultFilters = { groupOp: "AND", rules: [{ field: colnm, op: cmop, data: "" }] };
|
|
}
|
|
found = false;
|
|
if (p.tmplNames && p.tmplNames.length) {
|
|
found = true;
|
|
tmpl = "<tr><td class='ui-search-label'>" + p.tmplLabel + "</td>";
|
|
tmpl += "<td><select class='ui-template " + classes.srSelect + "'>";
|
|
tmpl += "<option value='default'>Default</option>";
|
|
$.each(p.tmplNames, function (i, n) {
|
|
tmpl += "<option value='" + i + "'>" + n + "</option>";
|
|
});
|
|
tmpl += "</select></td></tr>";
|
|
}
|
|
|
|
bt = "<table class='EditTable' style='border:0px none;margin-top:5px' id='" + fid + "_2'><tbody><tr><td colspan='2'><hr class='" + common.content + "' style='margin:1px'/></td></tr>" + tmpl + "<tr><td class='EditButton' style='text-align:" + align + "'>" + bC + "</td><td class='EditButton' " + butleft + ">" + bQ + bS + "</td></tr></tbody></table>";
|
|
fid = $.jgrid.jqID(fid);
|
|
$("#" + fid).jqFilter({
|
|
columns: columns,
|
|
sortStrategy: p.sortStrategy,
|
|
filter: p.loadDefaults ? defaultFilters : null,
|
|
showQuery: p.showQuery,
|
|
errorcheck: p.errorcheck,
|
|
sopt: p.sopt,
|
|
groupButton: p.multipleGroup,
|
|
ruleButtons: p.multipleSearch,
|
|
uniqueSearchFields: p.uniqueSearchFields,
|
|
afterRedraw: p.afterRedraw,
|
|
ops: p.odata,
|
|
operands: p.operands,
|
|
ajaxSelectOptions: $t.p.ajaxSelectOptions,
|
|
groupOps: p.groupOps,
|
|
onChange: function () {
|
|
if (this.p.showQuery) {
|
|
$('.query', this).html(this.toUserFriendlyString());
|
|
}
|
|
if ($.isFunction(p.afterChange)) {
|
|
p.afterChange.call($t, $("#" + fid), p);
|
|
}
|
|
},
|
|
direction: $t.p.direction,
|
|
id: $t.p.id
|
|
});
|
|
fil.append(bt);
|
|
if (found && p.tmplFilters && p.tmplFilters.length) {
|
|
$(".ui-template", fil).bind('change', function () {
|
|
var curtempl = $(this).val();
|
|
if (curtempl === "default") {
|
|
$("#" + fid).jqFilter('addFilter', defaultFilters);
|
|
} else {
|
|
$("#" + fid).jqFilter('addFilter', p.tmplFilters[parseInt(curtempl, 10)]);
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
if (p.multipleGroup === true) { p.multipleSearch = true; }
|
|
$($t).triggerHandler("jqGridFilterInitialize", [$("#" + fid)]);
|
|
if ($.isFunction(p.onInitializeSearch)) {
|
|
p.onInitializeSearch.call($t, $("#" + fid));
|
|
}
|
|
p.gbox = "#gbox_" + fid;
|
|
if (p.layer) {
|
|
$.jgrid.createModal(IDs, fil, p, "#gview_" + $.jgrid.jqID($t.p.id), $("#gbox_" + $.jgrid.jqID($t.p.id))[0], "#" + $.jgrid.jqID(p.layer), { position: "relative" });
|
|
} else {
|
|
$.jgrid.createModal(IDs, fil, p, "#gview_" + $.jgrid.jqID($t.p.id), $("#gbox_" + $.jgrid.jqID($t.p.id))[0]);
|
|
}
|
|
if (p.searchOnEnter || p.closeOnEscape) {
|
|
$("#" + $.jgrid.jqID(IDs.themodal)).keydown(function (e) {
|
|
var $target = $(e.target);
|
|
if (p.searchOnEnter && e.which === 13 && // 13 === $.ui.keyCode.ENTER
|
|
!$target.hasClass('add-group') && !$target.hasClass('add-rule') &&
|
|
!$target.hasClass('delete-group') && !$target.hasClass('delete-rule') &&
|
|
(!$target.hasClass("fm-button") || !$target.is("[id$=_query]"))) {
|
|
$("#" + fid + "_search").click();
|
|
return false;
|
|
}
|
|
if (p.closeOnEscape && e.which === 27) { // 27 === $.ui.keyCode.ESCAPE
|
|
$("#" + $.jgrid.jqID(IDs.modalhead)).find(".ui-jqdialog-titlebar-close").click();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
if (bQ) {
|
|
$("#" + fid + "_query").bind('click', function () {
|
|
$(".queryresult", fil).toggle();
|
|
return false;
|
|
});
|
|
}
|
|
if (p.stringResult === undefined) {
|
|
// to provide backward compatibility, inferring stringResult value from multipleSearch
|
|
p.stringResult = p.multipleSearch;
|
|
}
|
|
$("#" + fid + "_search").bind('click', function () {
|
|
var sdata = {}, res, filters;
|
|
fl = $("#" + fid);
|
|
fl.find(".input-elm:focus").change();
|
|
filters = fl.jqFilter('filterData');
|
|
if (p.errorcheck) {
|
|
fl[0].hideError();
|
|
if (!p.showQuery) { fl.jqFilter('toSQLString'); }
|
|
if (fl[0].p.error) {
|
|
fl[0].showError();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
if (p.stringResult) {
|
|
try {
|
|
res = JSON.stringify(filters);
|
|
} catch (e2) { }
|
|
if (typeof res === "string") {
|
|
sdata[p.sFilter] = res;
|
|
$.each([p.sField, p.sValue, p.sOper], function () { sdata[this] = ""; });
|
|
}
|
|
} else {
|
|
if (p.multipleSearch) {
|
|
sdata[p.sFilter] = filters;
|
|
$.each([p.sField, p.sValue, p.sOper], function () { sdata[this] = ""; });
|
|
} else {
|
|
sdata[p.sField] = filters.rules[0].field;
|
|
sdata[p.sValue] = filters.rules[0].data;
|
|
sdata[p.sOper] = filters.rules[0].op;
|
|
sdata[p.sFilter] = "";
|
|
}
|
|
}
|
|
$t.p.search = true;
|
|
$.extend($t.p.postData, sdata);
|
|
mustReload = $($t).triggerHandler("jqGridFilterSearch");
|
|
if (mustReload === undefined) {
|
|
mustReload = true;
|
|
}
|
|
if (mustReload && $.isFunction(p.onSearch)) {
|
|
mustReload = p.onSearch.call($t, $t.p.filters);
|
|
}
|
|
if (mustReload !== false) {
|
|
$($t).trigger("reloadGrid", [{ page: 1 }]);
|
|
}
|
|
if (p.closeAfterSearch) {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: p.jqModal, onClose: p.onClose });
|
|
}
|
|
return false;
|
|
});
|
|
$("#" + fid + "_reset").bind('click', function () {
|
|
var sdata = {},
|
|
fl = $("#" + fid);
|
|
$t.p.search = false;
|
|
$t.p.resetsearch = true;
|
|
if (p.multipleSearch === false) {
|
|
sdata[p.sField] = sdata[p.sValue] = sdata[p.sOper] = "";
|
|
} else {
|
|
sdata[p.sFilter] = "";
|
|
}
|
|
fl[0].resetFilter();
|
|
if (found) {
|
|
$(".ui-template", fil).val("default");
|
|
}
|
|
$.extend($t.p.postData, sdata);
|
|
mustReload = $($t).triggerHandler("jqGridFilterReset");
|
|
if (mustReload === undefined) {
|
|
mustReload = true;
|
|
}
|
|
if (mustReload && $.isFunction(p.onReset)) {
|
|
mustReload = p.onReset.call($t);
|
|
}
|
|
if (mustReload !== false) {
|
|
$($t).trigger("reloadGrid", [{ page: 1 }]);
|
|
}
|
|
if (p.closeAfterReset) {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: p.jqModal, onClose: p.onClose });
|
|
}
|
|
return false;
|
|
});
|
|
showFilter($("#" + fid));
|
|
$(".fm-button:not(." + common.disabled + ")", fil).hover(
|
|
function () { $(this).addClass(common.hover); },
|
|
function () { $(this).removeClass(common.hover); }
|
|
);
|
|
}
|
|
});
|
|
},
|
|
filterInput: function (val, p) {
|
|
p = $.extend(true, {
|
|
defaultSearch: 'cn',
|
|
groupOp: 'OR',
|
|
searchAll: false,
|
|
beforeSearch: null,
|
|
afterSearch: null
|
|
}, p || {});
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
var nm, sop, ruleGroup = "{\"groupOp\":\"" + p.groupOp + "\",\"rules\":[", gi = 0, so;
|
|
val += "";
|
|
if (!$t.p.datatype === 'local') { return; }
|
|
$.each($t.p.colModel, function () {
|
|
nm = this.index || this.name;
|
|
sop = this.searchoptions || {};
|
|
so = p.defaultSearch ? p.defaultSearch : (sop.sopt) ? sop.sopt[0] : p.defaultSearch;
|
|
this.search = this.search === false ? false : true;
|
|
if (this.search || p.searchAll) {
|
|
if (gi > 0) { ruleGroup += ","; }
|
|
ruleGroup += "{\"field\":\"" + nm + "\",";
|
|
ruleGroup += "\"op\":\"" + so + "\",";
|
|
ruleGroup += "\"data\":\"" + val.replace(/\\/g, '\\\\').replace(/\"/g, '\\"') + "\"}";
|
|
gi++;
|
|
}
|
|
});
|
|
ruleGroup += "]}";
|
|
$.extend($t.p.postData, { filters: ruleGroup });
|
|
$.each(['searchField', 'searchString', 'searchOper'], function (i, n) {
|
|
if ($t.p.postData.hasOwnProperty(n)) { delete $t.p.postData[n]; }
|
|
});
|
|
var bsr = $($t).triggerHandler("jqGridFilterInputBeforeSearch") === 'stop' ? true : false;
|
|
if (!bsr && $.isFunction(p.beforeSearch)) { bsr = p.beforeSearch.call($t); }
|
|
if (!bsr) { $($t).jqGrid("setGridParam", { search: true }).trigger("reloadGrid", [{ page: 1 }]); }
|
|
$($t).triggerHandler("jqGridFilterInputAfterSearch");
|
|
if ($.isFunction(p.afterSearch)) { p.afterSearch.call($t); }
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
var rp_ge = {};
|
|
$.jgrid.extend({
|
|
editGridRow: function (rowid, p) {
|
|
var regional = $.jgrid.getRegional(this[0], 'edit'),
|
|
currstyle = this[0].p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].formedit,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common;
|
|
|
|
p = $.extend(true, {
|
|
top: 0,
|
|
left: 0,
|
|
width: '500',
|
|
datawidth: 'auto',
|
|
height: 'auto',
|
|
dataheight: 'auto',
|
|
modal: false,
|
|
overlay: 30,
|
|
drag: true,
|
|
resize: true,
|
|
url: null,
|
|
mtype: "POST",
|
|
clearAfterAdd: true,
|
|
closeAfterEdit: false,
|
|
reloadAfterSubmit: true,
|
|
onInitializeForm: null,
|
|
beforeInitData: null,
|
|
beforeShowForm: null,
|
|
afterShowForm: null,
|
|
beforeSubmit: null,
|
|
afterSubmit: null,
|
|
onclickSubmit: null,
|
|
afterComplete: null,
|
|
onclickPgButtons: null,
|
|
afterclickPgButtons: null,
|
|
editData: {},
|
|
recreateForm: false,
|
|
jqModal: true,
|
|
closeOnEscape: false,
|
|
addedrow: "first",
|
|
topinfo: '',
|
|
bottominfo: '',
|
|
saveicon: [],
|
|
closeicon: [],
|
|
savekey: [false, 13],
|
|
navkeys: [false, 38, 40],
|
|
checkOnSubmit: false,
|
|
checkOnUpdate: false,
|
|
processing: false,
|
|
onClose: null,
|
|
ajaxEditOptions: {},
|
|
serializeEditData: null,
|
|
viewPagerButtons: true,
|
|
overlayClass: commonstyle.overlay,
|
|
removemodal: true,
|
|
form: 'edit',
|
|
template: null,
|
|
focusField: true,
|
|
editselected: false
|
|
}, regional, p || {});
|
|
rp_ge[$(this)[0].p.id] = p;
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !rowid) { return; }
|
|
$t.p.savedData = {};
|
|
var gID = $t.p.id,
|
|
frmgr = "FrmGrid_" + gID, frmtborg = "TblGrid_" + gID, frmtb = "#" + $.jgrid.jqID(frmtborg), frmtb2,
|
|
IDs = { themodal: 'editmod' + gID, modalhead: 'edithd' + gID, modalcontent: 'editcnt' + gID, scrollelm: frmgr },
|
|
showFrm = true, maxCols = 1, maxRows = 0, postdata, diff, frmoper,
|
|
templ = typeof rp_ge[$t.p.id].template === "string" && rp_ge[$t.p.id].template.length > 0,
|
|
errors = $.jgrid.getRegional(this, 'errors');
|
|
rp_ge[$t.p.id].styleUI = $t.p.styleUI || 'jQueryUI';
|
|
if ($.jgrid.isMobile()) {
|
|
rp_ge[$t.p.id].resize = false;
|
|
}
|
|
if (rowid === "new") {
|
|
rowid = "_empty";
|
|
frmoper = "add";
|
|
p.caption = rp_ge[$t.p.id].addCaption;
|
|
} else {
|
|
p.caption = rp_ge[$t.p.id].editCaption;
|
|
frmoper = "edit";
|
|
}
|
|
if (!p.recreateForm) {
|
|
if ($($t).data("formProp")) {
|
|
$.extend(rp_ge[$(this)[0].p.id], $($t).data("formProp"));
|
|
}
|
|
}
|
|
var closeovrl = true;
|
|
if (p.checkOnUpdate && p.jqModal && !p.modal) {
|
|
closeovrl = false;
|
|
}
|
|
function getFormData() {
|
|
var a2 = {}, i;
|
|
$(frmtb).find(".FormElement").each(function () {
|
|
var celm = $(".customelement", this);
|
|
if (celm.length) {
|
|
var elem = celm[0], nm = $(elem).attr('name');
|
|
$.each($t.p.colModel, function () {
|
|
if (this.name === nm && this.editoptions && $.isFunction(this.editoptions.custom_value)) {
|
|
try {
|
|
postdata[nm] = this.editoptions.custom_value.call($t, $("#" + $.jgrid.jqID(nm), frmtb), 'get');
|
|
if (postdata[nm] === undefined) { throw "e1"; }
|
|
} catch (e) {
|
|
if (e === "e1") { $.jgrid.info_dialog(errors.errcap, "function 'custom_value' " + rp_ge[$(this)[0]].p.msg.novalue, rp_ge[$(this)[0]].p.bClose, { styleUI: rp_ge[$(this)[0]].p.styleUI }); }
|
|
else { $.jgrid.info_dialog(errors.errcap, e.message, rp_ge[$(this)[0]].p.bClose, { styleUI: rp_ge[$(this)[0]].p.styleUI }); }
|
|
}
|
|
return true;
|
|
}
|
|
});
|
|
} else {
|
|
switch ($(this).get(0).type) {
|
|
case "checkbox":
|
|
if ($(this).is(":checked")) {
|
|
postdata[this.name] = $(this).val();
|
|
} else {
|
|
var ofv = $(this).attr("offval");
|
|
postdata[this.name] = ofv;
|
|
}
|
|
break;
|
|
case "select-one":
|
|
postdata[this.name] = $(this).val();
|
|
break;
|
|
case "select-multiple":
|
|
postdata[this.name] = $(this).val();
|
|
postdata[this.name] = postdata[this.name] ? postdata[this.name].join(",") : "";
|
|
break;
|
|
case "password":
|
|
case "text":
|
|
case "textarea":
|
|
case "button":
|
|
postdata[this.name] = $(this).val();
|
|
break;
|
|
case "radio":
|
|
if (a2.hasOwnProperty(this.name)) {
|
|
return true;
|
|
} else {
|
|
a2[this.name] = ($(this).attr("offval") === undefined) ? "off" : $(this).attr("offval");
|
|
}
|
|
break;
|
|
}
|
|
if ($t.p.autoencode) {
|
|
postdata[this.name] = $.jgrid.htmlEncode(postdata[this.name]);
|
|
}
|
|
}
|
|
});
|
|
for (i in a2) {
|
|
if (a2.hasOwnProperty(i)) {
|
|
var val = $('input[name="' + i + '"]:checked', frmtb).val();
|
|
postdata[i] = (val !== undefined) ? val : a2[i];
|
|
if ($t.p.autoencode) {
|
|
postdata[i] = $.jgrid.htmlEncode(postdata[i]);
|
|
}
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
function createData(rowid, obj, tb, maxcols) {
|
|
var nm, hc, trdata, cnt = 0, tmp, dc, elc, retpos = [], ind = false,
|
|
tdtmpl = "<td class='CaptionTD'> </td><td class='DataTD'> </td>", tmpl = "", i, ffld; //*2
|
|
for (i = 1; i <= maxcols; i++) {
|
|
tmpl += tdtmpl;
|
|
}
|
|
if (rowid !== '_empty') {
|
|
ind = $(obj).jqGrid("getInd", rowid);
|
|
}
|
|
$(obj.p.colModel).each(function (i) {
|
|
nm = this.name;
|
|
// hidden fields are included in the form
|
|
if (this.editrules && this.editrules.edithidden === true) {
|
|
hc = false;
|
|
} else {
|
|
hc = this.hidden === true ? true : false;
|
|
}
|
|
dc = hc ? "style='display:none'" : "";
|
|
if (nm !== 'cb' && nm !== 'subgrid' && this.editable === true && nm !== 'rn') {
|
|
if (ind === false) {
|
|
tmp = "";
|
|
} else {
|
|
if (nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
|
|
tmp = $("td[role='gridcell']:eq(" + i + ")", obj.rows[ind]).text();
|
|
} else {
|
|
try {
|
|
tmp = $.unformat.call(obj, $("td[role='gridcell']:eq(" + i + ")", obj.rows[ind]), { rowId: rowid, colModel: this }, i);
|
|
} catch (_) {
|
|
tmp = (this.edittype && this.edittype === "textarea") ? $("td[role='gridcell']:eq(" + i + ")", obj.rows[ind]).text() : $("td[role='gridcell']:eq(" + i + ")", obj.rows[ind]).html();
|
|
}
|
|
if (!tmp || tmp === " " || tmp === " " || (tmp.length === 1 && tmp.charCodeAt(0) === 160)) { tmp = ''; }
|
|
}
|
|
}
|
|
var opt = $.extend({}, this.editoptions || {}, { id: nm, name: nm, rowId: rowid, oper: 'edit' }),
|
|
frmopt = $.extend({}, { elmprefix: '', elmsuffix: '', rowabove: false, rowcontent: '' }, this.formoptions || {}),
|
|
rp = parseInt(frmopt.rowpos, 10) || cnt + 1,
|
|
cp = parseInt((parseInt(frmopt.colpos, 10) || 1) * 2, 10);
|
|
if (rowid === "_empty" && opt.defaultValue) {
|
|
tmp = $.isFunction(opt.defaultValue) ? opt.defaultValue.call($t) : opt.defaultValue;
|
|
}
|
|
if (!this.edittype) { this.edittype = "text"; }
|
|
if ($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
|
|
elc = $.jgrid.createEl.call($t, this.edittype, opt, tmp, false, $.extend({}, $.jgrid.ajaxOptions, obj.p.ajaxSelectOptions || {}));
|
|
//if(tmp === "" && this.edittype == "checkbox") {tmp = $(elc).attr("offval");}
|
|
//if(tmp === "" && this.edittype == "select") {tmp = $("option:eq(0)",elc).text();}
|
|
if (this.edittype === "select") {
|
|
tmp = $(elc).val();
|
|
if ($(elc).get(0).type === 'select-multiple' && tmp) {
|
|
tmp = tmp.join(",");
|
|
}
|
|
}
|
|
if (this.edittype === 'checkbox') {
|
|
if ($(elc).is(":checked")) {
|
|
tmp = $(elc).val();
|
|
} else {
|
|
tmp = $(elc).attr("offval");
|
|
}
|
|
}
|
|
$(elc).addClass("FormElement");
|
|
if ($.inArray(this.edittype, ['text', 'textarea', 'password', 'select']) > -1) {
|
|
$(elc).addClass(styles.inputClass);
|
|
}
|
|
ffld = true;
|
|
if (templ) {
|
|
var ftmplfld = $(frm).find("#" + nm);
|
|
if (ftmplfld.length) {
|
|
ftmplfld.replaceWith(elc);
|
|
} else {
|
|
ffld = false;
|
|
}
|
|
} else {
|
|
//--------------------
|
|
trdata = $(tb).find("tr[rowpos=" + rp + "]");
|
|
if (frmopt.rowabove) {
|
|
var newdata = $("<tr><td class='contentinfo' colspan='" + (maxcols * 2) + "'>" + frmopt.rowcontent + "</td></tr>");
|
|
$(tb).append(newdata);
|
|
newdata[0].rp = rp;
|
|
}
|
|
if (trdata.length === 0) {
|
|
trdata = $("<tr " + dc + " rowpos='" + rp + "'></tr>").addClass("FormData").attr("id", "tr_" + nm);
|
|
$(trdata).append(tmpl);
|
|
$(tb).append(trdata);
|
|
trdata[0].rp = rp;
|
|
}
|
|
$("td:eq(" + (cp - 2) + ")", trdata[0]).html("<label for='" + nm + "'>" + (frmopt.label === undefined ? obj.p.colNames[i] : frmopt.label) + "</label>");
|
|
$("td:eq(" + (cp - 1) + ")", trdata[0]).append(frmopt.elmprefix).append(elc).append(frmopt.elmsuffix);
|
|
//-------------------------
|
|
}
|
|
if ((rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) && ffld) {
|
|
$t.p.savedData[nm] = tmp;
|
|
}
|
|
if (this.edittype === 'custom' && $.isFunction(opt.custom_value)) {
|
|
opt.custom_value.call($t, $("#" + nm, frmgr), 'set', tmp);
|
|
}
|
|
$.jgrid.bindEv.call($t, elc, opt);
|
|
retpos[cnt] = i;
|
|
cnt++;
|
|
}
|
|
});
|
|
if (cnt > 0) {
|
|
var idrow;
|
|
if (templ) {
|
|
idrow = "<div class='FormData' style='display:none'><input class='FormElement' id='id_g' type='text' name='" + obj.p.id + "_id' value='" + rowid + "'/>";
|
|
$(frm).append(idrow);
|
|
} else {
|
|
idrow = $("<tr class='FormData' style='display:none'><td class='CaptionTD'></td><td colspan='" + (maxcols * 2 - 1) + "' class='DataTD'><input class='FormElement' id='id_g' type='text' name='" + obj.p.id + "_id' value='" + rowid + "'/></td></tr>");
|
|
idrow[0].rp = cnt + 999;
|
|
$(tb).append(idrow);
|
|
}
|
|
//$(tb).append(idrow);
|
|
if (rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$t.p.savedData[obj.p.id + "_id"] = rowid;
|
|
}
|
|
}
|
|
return retpos;
|
|
}
|
|
function fillData(rowid, obj, fmid) {
|
|
var nm, cnt = 0, tmp, fld, opt, vl, vlc;
|
|
if (rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$t.p.savedData = {};
|
|
$t.p.savedData[obj.p.id + "_id"] = rowid;
|
|
}
|
|
var cm = obj.p.colModel;
|
|
if (rowid === '_empty') {
|
|
$(cm).each(function () {
|
|
nm = this.name;
|
|
opt = $.extend({}, this.editoptions || {});
|
|
fld = $("#" + $.jgrid.jqID(nm), fmid);
|
|
if (fld && fld.length && fld[0] !== null) {
|
|
vl = "";
|
|
if (this.edittype === 'custom' && $.isFunction(opt.custom_value)) {
|
|
opt.custom_value.call($t, $("#" + nm, fmid), 'set', vl);
|
|
} else if (opt.defaultValue) {
|
|
vl = $.isFunction(opt.defaultValue) ? opt.defaultValue.call($t) : opt.defaultValue;
|
|
if (fld[0].type === 'checkbox') {
|
|
vlc = vl.toLowerCase();
|
|
if (vlc.search(/(false|f|0|no|n|off|undefined)/i) < 0 && vlc !== "") {
|
|
fld[0].checked = true;
|
|
fld[0].defaultChecked = true;
|
|
fld[0].value = vl;
|
|
} else {
|
|
fld[0].checked = false;
|
|
fld[0].defaultChecked = false;
|
|
}
|
|
} else { fld.val(vl); }
|
|
} else {
|
|
if (fld[0].type === 'checkbox') {
|
|
fld[0].checked = false;
|
|
fld[0].defaultChecked = false;
|
|
vl = $(fld).attr("offval");
|
|
} else if (fld[0].type && fld[0].type.substr(0, 6) === 'select') {
|
|
fld[0].selectedIndex = 0;
|
|
} else {
|
|
fld.val(vl);
|
|
}
|
|
}
|
|
if (rp_ge[$t.p.id].checkOnSubmit === true || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$t.p.savedData[nm] = vl;
|
|
}
|
|
}
|
|
});
|
|
$("#id_g", fmid).val(rowid);
|
|
return;
|
|
}
|
|
var tre = $(obj).jqGrid("getInd", rowid, true);
|
|
if (!tre) { return; }
|
|
$('td[role="gridcell"]', tre).each(function (i) {
|
|
nm = cm[i].name;
|
|
// hidden fields are included in the form
|
|
if (nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn' && cm[i].editable === true) {
|
|
if (nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
|
|
tmp = $(this).text();
|
|
} else {
|
|
try {
|
|
tmp = $.unformat.call(obj, $(this), { rowId: rowid, colModel: cm[i] }, i);
|
|
} catch (_) {
|
|
tmp = cm[i].edittype === "textarea" ? $(this).text() : $(this).html();
|
|
}
|
|
}
|
|
if ($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
|
|
if (rp_ge[$t.p.id].checkOnSubmit === true || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$t.p.savedData[nm] = tmp;
|
|
}
|
|
nm = $.jgrid.jqID(nm);
|
|
switch (cm[i].edittype) {
|
|
case "password":
|
|
case "text":
|
|
case "button":
|
|
case "image":
|
|
case "textarea":
|
|
if (tmp === " " || tmp === " " || (tmp.length === 1 && tmp.charCodeAt(0) === 160)) { tmp = ''; }
|
|
$("#" + nm, fmid).val(tmp);
|
|
break;
|
|
case "select":
|
|
var opv = tmp.split(",");
|
|
opv = $.map(opv, function (n) { return $.trim(n); });
|
|
$("#" + nm + " option", fmid).each(function () {
|
|
if (!cm[i].editoptions.multiple && ($.trim(tmp) === $.trim($(this).text()) || opv[0] === $.trim($(this).text()) || opv[0] === $.trim($(this).val()))) {
|
|
this.selected = true;
|
|
} else if (cm[i].editoptions.multiple) {
|
|
if ($.inArray($.trim($(this).text()), opv) > -1 || $.inArray($.trim($(this).val()), opv) > -1) {
|
|
this.selected = true;
|
|
} else {
|
|
this.selected = false;
|
|
}
|
|
} else {
|
|
this.selected = false;
|
|
}
|
|
});
|
|
if (rp_ge[$t.p.id].checkOnSubmit === true || rp_ge[$t.p.id].checkOnUpdate) {
|
|
tmp = $("#" + nm, fmid).val();
|
|
if (cm[i].editoptions.multiple) {
|
|
tmp = tmp.join(",");
|
|
}
|
|
$t.p.savedData[nm] = tmp;
|
|
}
|
|
break;
|
|
case "checkbox":
|
|
tmp = String(tmp);
|
|
if (cm[i].editoptions && cm[i].editoptions.value) {
|
|
var cb = cm[i].editoptions.value.split(":");
|
|
if (cb[0] === tmp) {
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']({ "checked": true, "defaultChecked": true });
|
|
} else {
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']({ "checked": false, "defaultChecked": false });
|
|
}
|
|
} else {
|
|
tmp = tmp.toLowerCase();
|
|
if (tmp.search(/(false|f|0|no|n|off|undefined)/i) < 0 && tmp !== "") {
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']("checked", true);
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']("defaultChecked", true); //ie
|
|
} else {
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
$("#" + nm, fmid)[$t.p.useProp ? 'prop' : 'attr']("defaultChecked", false); //ie
|
|
}
|
|
}
|
|
if (rp_ge[$t.p.id].checkOnSubmit === true || rp_ge[$t.p.id].checkOnUpdate) {
|
|
if ($("#" + nm, fmid).is(":checked")) {
|
|
tmp = $("#" + nm, fmid).val();
|
|
} else {
|
|
tmp = $("#" + nm, fmid).attr("offval");
|
|
}
|
|
$t.p.savedData[nm] = tmp;
|
|
}
|
|
break;
|
|
case 'custom':
|
|
try {
|
|
if (cm[i].editoptions && $.isFunction(cm[i].editoptions.custom_value)) {
|
|
cm[i].editoptions.custom_value.call($t, $("#" + nm, fmid), 'set', tmp);
|
|
} else { throw "e1"; }
|
|
} catch (e) {
|
|
if (e === "e1") { $.jgrid.info_dialog(errors.errcap, "function 'custom_value' " + rp_ge[$(this)[0]].p.msg.nodefined, $.rp_ge[$(this)[0]].p.bClose, { styleUI: rp_ge[$(this)[0]].p.styleUI }); }
|
|
else { $.jgrid.info_dialog(errors.errcap, e.message, $.rp_ge[$(this)[0]].p.bClose, { styleUI: rp_ge[$(this)[0]].p.styleUI }); }
|
|
}
|
|
break;
|
|
}
|
|
cnt++;
|
|
}
|
|
});
|
|
if (cnt > 0) {
|
|
$("#id_g", frmtb).val(rowid);
|
|
if (rp_ge[$t.p.id].checkOnSubmit === true || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$t.p.savedData[obj.p.id + "_id"] = rowid;
|
|
}
|
|
}
|
|
}
|
|
function setNulls() {
|
|
$.each($t.p.colModel, function (i, n) {
|
|
if (n.editoptions && n.editoptions.NullIfEmpty === true) {
|
|
if (postdata.hasOwnProperty(n.name) && postdata[n.name] === "") {
|
|
postdata[n.name] = 'null';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function postIt() {
|
|
var copydata, ret = [true, "", ""], onCS = {}, opers = $t.p.prmNames, idname, oper, key, selr, i, url;
|
|
|
|
var retvals = $($t).triggerHandler("jqGridAddEditBeforeCheckValues", [$(frmgr), frmoper]);
|
|
if (retvals && typeof retvals === 'object') { postdata = retvals; }
|
|
|
|
if ($.isFunction(rp_ge[$t.p.id].beforeCheckValues)) {
|
|
retvals = rp_ge[$t.p.id].beforeCheckValues.call($t, postdata, $(frmgr), frmoper);
|
|
if (retvals && typeof retvals === 'object') { postdata = retvals; }
|
|
}
|
|
for (key in postdata) {
|
|
if (postdata.hasOwnProperty(key)) {
|
|
ret = $.jgrid.checkValues.call($t, postdata[key], key);
|
|
if (ret[0] === false) { break; }
|
|
}
|
|
}
|
|
setNulls();
|
|
if (ret[0]) {
|
|
onCS = $($t).triggerHandler("jqGridAddEditClickSubmit", [rp_ge[$t.p.id], postdata, frmoper]);
|
|
if (onCS === undefined && $.isFunction(rp_ge[$t.p.id].onclickSubmit)) {
|
|
onCS = rp_ge[$t.p.id].onclickSubmit.call($t, rp_ge[$t.p.id], postdata, frmoper) || {};
|
|
}
|
|
ret = $($t).triggerHandler("jqGridAddEditBeforeSubmit", [postdata, $(frmgr), frmoper]);
|
|
if (ret === undefined) {
|
|
ret = [true, "", ""];
|
|
}
|
|
if (ret[0] && $.isFunction(rp_ge[$t.p.id].beforeSubmit)) {
|
|
ret = rp_ge[$t.p.id].beforeSubmit.call($t, postdata, $(frmgr), frmoper);
|
|
}
|
|
}
|
|
|
|
if (ret[0] && !rp_ge[$t.p.id].processing) {
|
|
rp_ge[$t.p.id].processing = true;
|
|
$("#sData", frmtb + "_2").addClass(commonstyle.active);
|
|
url = rp_ge[$t.p.id].url || $($t).jqGrid('getGridParam', 'editurl');
|
|
oper = opers.oper;
|
|
idname = url === 'clientArray' ? $t.p.keyName : opers.id;
|
|
// we add to pos data array the action - the name is oper
|
|
postdata[oper] = ($.trim(postdata[$t.p.id + "_id"]) === "_empty") ? opers.addoper : opers.editoper;
|
|
if (postdata[oper] !== opers.addoper) {
|
|
postdata[idname] = postdata[$t.p.id + "_id"];
|
|
} else {
|
|
// check to see if we have allredy this field in the form and if yes lieve it
|
|
if (postdata[idname] === undefined) { postdata[idname] = postdata[$t.p.id + "_id"]; }
|
|
}
|
|
delete postdata[$t.p.id + "_id"];
|
|
postdata = $.extend(postdata, rp_ge[$t.p.id].editData, onCS);
|
|
if ($t.p.treeGrid === true) {
|
|
if (postdata[oper] === opers.addoper) {
|
|
selr = $($t).jqGrid("getGridParam", 'selrow');
|
|
var tr_par_id = $t.p.treeGridModel === 'adjacency' ? $t.p.treeReader.parent_id_field : 'parent_id';
|
|
postdata[tr_par_id] = selr;
|
|
}
|
|
for (i in $t.p.treeReader) {
|
|
if ($t.p.treeReader.hasOwnProperty(i)) {
|
|
var itm = $t.p.treeReader[i];
|
|
if (postdata.hasOwnProperty(itm)) {
|
|
if (postdata[oper] === opers.addoper && i === 'parent_id_field') { continue; }
|
|
delete postdata[itm];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
postdata[idname] = $.jgrid.stripPref($t.p.idPrefix, postdata[idname]);
|
|
var ajaxOptions = $.extend({
|
|
url: url,
|
|
type: rp_ge[$t.p.id].mtype,
|
|
data: $.isFunction(rp_ge[$t.p.id].serializeEditData) ? rp_ge[$t.p.id].serializeEditData.call($t, postdata) : postdata,
|
|
complete: function (data, status) {
|
|
var key;
|
|
$("#sData", frmtb + "_2").removeClass(commonstyle.active);
|
|
postdata[idname] = $t.p.idPrefix + postdata[idname];
|
|
if (data.status >= 300 && data.status !== 304) {
|
|
ret[0] = false;
|
|
ret[1] = $($t).triggerHandler("jqGridAddEditErrorTextFormat", [data, frmoper]);
|
|
if ($.isFunction(rp_ge[$t.p.id].errorTextFormat)) {
|
|
ret[1] = rp_ge[$t.p.id].errorTextFormat.call($t, data, frmoper);
|
|
} else {
|
|
ret[1] = status + " Status: '" + data.statusText + "'. Error code: " + data.status;
|
|
}
|
|
} else {
|
|
// data is posted successful
|
|
// execute aftersubmit with the returned data from server
|
|
ret = $($t).triggerHandler("jqGridAddEditAfterSubmit", [data, postdata, frmoper]);
|
|
if (ret === undefined) {
|
|
ret = [true, "", ""];
|
|
}
|
|
if (ret[0] && $.isFunction(rp_ge[$t.p.id].afterSubmit)) {
|
|
ret = rp_ge[$t.p.id].afterSubmit.call($t, data, postdata, frmoper);
|
|
}
|
|
}
|
|
if (ret[0] === false) {
|
|
$(".FormError", frmgr).html(ret[1]);
|
|
$(".FormError", frmgr).show();
|
|
} else {
|
|
if ($t.p.autoencode) {
|
|
$.each(postdata, function (n, v) {
|
|
postdata[n] = $.jgrid.htmlDecode(v);
|
|
});
|
|
}
|
|
//rp_ge[$t.p.id].reloadAfterSubmit = rp_ge[$t.p.id].reloadAfterSubmit && $t.p.datatype != "local";
|
|
// the action is add
|
|
if (postdata[oper] === opers.addoper) {
|
|
//id processing
|
|
// user not set the id ret[2]
|
|
if (!ret[2]) { ret[2] = $.jgrid.randId(); }
|
|
if (postdata[idname] == null || postdata[idname] === "_empty") {
|
|
postdata[idname] = ret[2];
|
|
} else {
|
|
ret[2] = postdata[idname];
|
|
}
|
|
if (rp_ge[$t.p.id].reloadAfterSubmit) {
|
|
$($t).trigger("reloadGrid");
|
|
} else {
|
|
if ($t.p.treeGrid === true) {
|
|
$($t).jqGrid("addChildNode", ret[2], selr, postdata);
|
|
} else {
|
|
$($t).jqGrid("addRowData", ret[2], postdata, p.addedrow);
|
|
}
|
|
}
|
|
if (rp_ge[$t.p.id].closeAfterAdd) {
|
|
if ($t.p.treeGrid !== true) {
|
|
$($t).jqGrid("setSelection", ret[2]);
|
|
}
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
} else if (rp_ge[$t.p.id].clearAfterAdd) {
|
|
fillData("_empty", $t, frmgr);
|
|
}
|
|
} else {
|
|
// the action is update
|
|
if (rp_ge[$t.p.id].reloadAfterSubmit) {
|
|
$($t).trigger("reloadGrid");
|
|
if (!rp_ge[$t.p.id].closeAfterEdit) { setTimeout(function () { $($t).jqGrid("setSelection", postdata[idname]); }, 1000); }
|
|
} else {
|
|
if ($t.p.treeGrid === true) {
|
|
$($t).jqGrid("setTreeRow", postdata[idname], postdata);
|
|
} else {
|
|
$($t).jqGrid("setRowData", postdata[idname], postdata);
|
|
}
|
|
}
|
|
if (rp_ge[$t.p.id].closeAfterEdit) { $.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form }); }
|
|
}
|
|
if ($.isFunction(rp_ge[$t.p.id].afterComplete)) {
|
|
copydata = data;
|
|
setTimeout(function () {
|
|
$($t).triggerHandler("jqGridAddEditAfterComplete", [copydata, postdata, $(frmgr), frmoper]);
|
|
rp_ge[$t.p.id].afterComplete.call($t, copydata, postdata, $(frmgr), frmoper);
|
|
copydata = null;
|
|
}, 500);
|
|
}
|
|
if (rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
|
|
$(frmgr).data("disabled", false);
|
|
if ($t.p.savedData[$t.p.id + "_id"] !== "_empty") {
|
|
for (key in $t.p.savedData) {
|
|
if ($t.p.savedData.hasOwnProperty(key) && postdata[key]) {
|
|
$t.p.savedData[key] = postdata[key];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
rp_ge[$t.p.id].processing = false;
|
|
try { $(':input:visible', frmgr)[0].focus(); } catch (e) { }
|
|
}
|
|
}, $.jgrid.ajaxOptions, rp_ge[$t.p.id].ajaxEditOptions);
|
|
|
|
if (!ajaxOptions.url && !rp_ge[$t.p.id].useDataProxy) {
|
|
if ($.isFunction($t.p.dataProxy)) {
|
|
rp_ge[$t.p.id].useDataProxy = true;
|
|
} else {
|
|
ret[0] = false; ret[1] += " " + errors.nourl;
|
|
}
|
|
}
|
|
if (ret[0]) {
|
|
if (rp_ge[$t.p.id].useDataProxy) {
|
|
var dpret = $t.p.dataProxy.call($t, ajaxOptions, "set_" + $t.p.id);
|
|
if (dpret === undefined) {
|
|
dpret = [true, ""];
|
|
}
|
|
if (dpret[0] === false) {
|
|
ret[0] = false;
|
|
ret[1] = dpret[1] || "Error deleting the selected row!";
|
|
} else {
|
|
if (ajaxOptions.data.oper === opers.addoper && rp_ge[$t.p.id].closeAfterAdd) {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
}
|
|
if (ajaxOptions.data.oper === opers.editoper && rp_ge[$t.p.id].closeAfterEdit) {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
}
|
|
}
|
|
} else {
|
|
if (ajaxOptions.url === "clientArray") {
|
|
rp_ge[$t.p.id].reloadAfterSubmit = false;
|
|
postdata = ajaxOptions.data;
|
|
ajaxOptions.complete({ status: 200, statusText: '' }, '');
|
|
} else {
|
|
$.ajax(ajaxOptions);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (ret[0] === false) {
|
|
$(".FormError", frmgr).html(ret[1]);
|
|
$(".FormError", frmgr).show();
|
|
// return;
|
|
}
|
|
}
|
|
function compareData(nObj, oObj) {
|
|
var ret = false, key;
|
|
ret = !($.isPlainObject(nObj) && $.isPlainObject(oObj)
|
|
&& Object.getOwnPropertyNames(nObj).length === Object.getOwnPropertyNames(oObj).length);
|
|
if (!ret) {
|
|
for (key in oObj) {
|
|
if (oObj.hasOwnProperty(key)) {
|
|
if (nObj.hasOwnProperty(key)) {
|
|
if (nObj[key] !== oObj[key]) {
|
|
ret = true;
|
|
break
|
|
}
|
|
} else {
|
|
ret = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return ret;
|
|
}
|
|
function checkUpdates() {
|
|
var stat = true;
|
|
$(".FormError", frmgr).hide();
|
|
if (rp_ge[$t.p.id].checkOnUpdate) {
|
|
postdata = {};
|
|
getFormData();
|
|
diff = compareData(postdata, $t.p.savedData);
|
|
if (diff) {
|
|
$(frmgr).data("disabled", true);
|
|
$(".confirm", "#" + IDs.themodal).show();
|
|
stat = false;
|
|
}
|
|
}
|
|
return stat;
|
|
}
|
|
function restoreInline() {
|
|
var i;
|
|
if (rowid !== "_empty" && $t.p.savedRow !== undefined && $t.p.savedRow.length > 0 && $.isFunction($.fn.jqGrid.restoreRow)) {
|
|
for (i = 0; i < $t.p.savedRow.length; i++) {
|
|
if ($t.p.savedRow[i].id === rowid) {
|
|
$($t).jqGrid('restoreRow', rowid);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function updateNav(cr, posarr) {
|
|
var totr = posarr[1].length - 1;
|
|
if (cr === 0) {
|
|
$("#pData", frmtb2).addClass(commonstyle.disabled);
|
|
} else if (posarr[1][cr - 1] !== undefined && $("#" + $.jgrid.jqID(posarr[1][cr - 1])).hasClass(commonstyle.disabled)) {
|
|
$("#pData", frmtb2).addClass(commonstyle.disabled);
|
|
} else {
|
|
$("#pData", frmtb2).removeClass(commonstyle.disabled);
|
|
}
|
|
|
|
if (cr === totr) {
|
|
$("#nData", frmtb2).addClass(commonstyle.disabled);
|
|
} else if (posarr[1][cr + 1] !== undefined && $("#" + $.jgrid.jqID(posarr[1][cr + 1])).hasClass(commonstyle.disabled)) {
|
|
$("#nData", frmtb2).addClass(commonstyle.disabled);
|
|
} else {
|
|
$("#nData", frmtb2).removeClass(commonstyle.disabled);
|
|
}
|
|
}
|
|
function getCurrPos() {
|
|
var rowsInGrid = $($t).jqGrid("getDataIDs"),
|
|
selrow = $("#id_g", frmtb).val(), pos;
|
|
if ($t.p.multiselect && rp_ge[$t.p.id].editselected) {
|
|
var arr = [];
|
|
for (var i = 0, len = rowsInGrid.length; i < len; i++) {
|
|
if ($.inArray(rowsInGrid[i], $t.p.selarrrow) !== -1) {
|
|
arr.push(rowsInGrid[i]);
|
|
}
|
|
}
|
|
pos = $.inArray(selrow, arr);
|
|
return [pos, arr];
|
|
} else {
|
|
pos = $.inArray(selrow, rowsInGrid);
|
|
}
|
|
return [pos, rowsInGrid];
|
|
}
|
|
function parseTemplate(template) {
|
|
var tmpl = "";
|
|
if (typeof template === "string") {
|
|
tmpl = template.replace(/\{([\w\-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g, function (m, i) {
|
|
return '<span id="' + i + '" ></span>';
|
|
});
|
|
}
|
|
return tmpl;
|
|
}
|
|
function syncSavedData() {
|
|
if (rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
|
|
|
|
var a1 = [], a2 = {};
|
|
a1 = $.map($t.p.savedData, function (v, i) {
|
|
return i;
|
|
});
|
|
$(".FormElement", frm).each(function () {
|
|
if (a1.indexOf(this.name) === -1) {
|
|
var tv = $(this).val(), tt = $(this).get(0).type;
|
|
if (tt === 'checkbox') {
|
|
if (!$(this).is(":checked")) {
|
|
tv = $(this).attr("offval");
|
|
}
|
|
} else if (tt === 'select-multiple') {
|
|
tv = tv.join(",");
|
|
} else if (tt === 'radio') {
|
|
if (a2.hasOwnProperty(this.name)) {
|
|
return true;
|
|
} else {
|
|
a2[this.name] = ($(this).attr("offval") === undefined) ? "off" : $(this).attr("offval");
|
|
}
|
|
}
|
|
$t.p.savedData[this.name] = tv;
|
|
}
|
|
});
|
|
for (var i in a2) {
|
|
if (a2.hasOwnProperty(i)) {
|
|
var val = $('input[name="' + i + '"]:checked', frm).val();
|
|
$t.p.savedData[i] = (val !== undefined) ? val : a2[i];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
var dh = isNaN(rp_ge[$(this)[0].p.id].dataheight) ? rp_ge[$(this)[0].p.id].dataheight : rp_ge[$(this)[0].p.id].dataheight + "px",
|
|
dw = isNaN(rp_ge[$(this)[0].p.id].datawidth) ? rp_ge[$(this)[0].p.id].datawidth : rp_ge[$(this)[0].p.id].datawidth + "px",
|
|
frm = $("<form name='FormPost' id='" + frmgr + "' class='FormGrid' onSubmit='return false;' style='width:" + dw + ";height:" + dh + ";'></form>").data("disabled", false),
|
|
tbl;
|
|
if (templ) {
|
|
tbl = parseTemplate(rp_ge[$(this)[0].p.id].template);
|
|
frmtb2 = frmtb;
|
|
} else {
|
|
tbl = $("<table id='" + frmtborg + "' class='EditTable ui-common-table'><tbody></tbody></table>");
|
|
frmtb2 = frmtb + "_2";
|
|
}
|
|
frmgr = "#" + $.jgrid.jqID(frmgr);
|
|
// errors
|
|
$(frm).append("<div class='FormError " + commonstyle.error + "' style='display:none;'></div>");
|
|
// topinfo
|
|
$(frm).append("<div class='tinfo topinfo'>" + rp_ge[$t.p.id].topinfo + "</div>");
|
|
|
|
$($t.p.colModel).each(function () {
|
|
var fmto = this.formoptions;
|
|
maxCols = Math.max(maxCols, fmto ? fmto.colpos || 0 : 0);
|
|
maxRows = Math.max(maxRows, fmto ? fmto.rowpos || 0 : 0);
|
|
});
|
|
$(frm).append(tbl);
|
|
|
|
showFrm = $($t).triggerHandler("jqGridAddEditBeforeInitData", [frm, frmoper]);
|
|
if (showFrm === undefined) {
|
|
showFrm = true;
|
|
}
|
|
if (showFrm && $.isFunction(rp_ge[$t.p.id].beforeInitData)) {
|
|
showFrm = rp_ge[$t.p.id].beforeInitData.call($t, frm, frmoper);
|
|
}
|
|
if (showFrm === false) { return; }
|
|
|
|
restoreInline();
|
|
// set the id.
|
|
// use carefull only to change here colproperties.
|
|
// create data
|
|
createData(rowid, $t, tbl, maxCols);
|
|
// buttons at footer
|
|
var rtlb = $t.p.direction === "rtl" ? true : false,
|
|
bp = rtlb ? "nData" : "pData",
|
|
bn = rtlb ? "pData" : "nData";
|
|
var bP = "<a id='" + bp + "' class='fm-button " + commonstyle.button + "'><span class='" + commonstyle.icon_base + " " + styles.icon_prev + "'></span></a>",
|
|
bN = "<a id='" + bn + "' class='fm-button " + commonstyle.button + "'><span class='" + commonstyle.icon_base + " " + styles.icon_next + "'></span></a>",
|
|
bS = "<a id='sData' class='fm-button " + commonstyle.button + "'>" + p.bSubmit + "</a>",
|
|
bC = "<a id='cData' class='fm-button " + commonstyle.button + "'>" + p.bCancel + "</a>";
|
|
var bt = "<table style='height:auto' class='EditTable ui-common-table' id='" + frmtborg + "_2'><tbody><tr><td colspan='2'><hr class='" + commonstyle.content + "' style='margin:1px'/></td></tr><tr id='Act_Buttons'><td class='navButton'>" + (rtlb ? bN + bP : bP + bN) + "</td><td class='EditButton'>" + bS + bC + "</td></tr>";
|
|
//bt += "<tr style='display:none' class='binfo'><td class='bottominfo' colspan='2'>"+rp_ge[$t.p.id].bottominfo+"</td></tr>";
|
|
bt += "</tbody></table>";
|
|
if (maxRows > 0) {
|
|
var sd = [];
|
|
$.each($(tbl)[0].rows, function (i, r) {
|
|
sd[i] = r;
|
|
});
|
|
sd.sort(function (a, b) {
|
|
if (a.rp > b.rp) { return 1; }
|
|
if (a.rp < b.rp) { return -1; }
|
|
return 0;
|
|
});
|
|
$.each(sd, function (index, row) {
|
|
$('tbody', tbl).append(row);
|
|
});
|
|
}
|
|
p.gbox = "#gbox_" + $.jgrid.jqID(gID);
|
|
var cle = false;
|
|
if (p.closeOnEscape === true) {
|
|
p.closeOnEscape = false;
|
|
cle = true;
|
|
}
|
|
var tms;
|
|
if (templ) {
|
|
$(frm).find("#pData").replaceWith(bP);
|
|
$(frm).find("#nData").replaceWith(bN);
|
|
$(frm).find("#sData").replaceWith(bS);
|
|
$(frm).find("#cData").replaceWith(bC);
|
|
tms = $("<div id=" + frmtborg + "></div>").append(frm);
|
|
} else {
|
|
tms = $("<div></div>").append(frm).append(bt);
|
|
}
|
|
|
|
$(frm).append("<div class='binfo topinfo bottominfo'>" + rp_ge[$t.p.id].bottominfo + "</div>");
|
|
|
|
$.jgrid.createModal(IDs, tms, rp_ge[$(this)[0].p.id], "#gview_" + $.jgrid.jqID($t.p.id), $("#gbox_" + $.jgrid.jqID($t.p.id))[0]);
|
|
|
|
if (rtlb) {
|
|
$("#pData, #nData", frmtb + "_2").css("float", "right");
|
|
$(".EditButton", frmtb + "_2").css("text-align", "left");
|
|
}
|
|
|
|
if (rp_ge[$t.p.id].topinfo) { $(".tinfo", frmgr).show(); }
|
|
if (rp_ge[$t.p.id].bottominfo) { $(".binfo", frmgr).show(); }
|
|
|
|
tms = null; bt = null;
|
|
$("#" + $.jgrid.jqID(IDs.themodal)).keydown(function (e) {
|
|
var wkey = e.target;
|
|
if ($(frmgr).data("disabled") === true) { return false; }//??
|
|
if (rp_ge[$t.p.id].savekey[0] === true && e.which === rp_ge[$t.p.id].savekey[1]) { // save
|
|
if (wkey.tagName !== "TEXTAREA") {
|
|
$("#sData", frmtb + "_2").trigger("click");
|
|
return false;
|
|
}
|
|
}
|
|
if (e.which === 27) {
|
|
if (!checkUpdates()) { return false; }
|
|
if (cle) { $.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: p.gbox, jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form }); }
|
|
return false;
|
|
}
|
|
if (rp_ge[$t.p.id].navkeys[0] === true) {
|
|
if ($("#id_g", frmtb).val() === "_empty") { return true; }
|
|
if (e.which === rp_ge[$t.p.id].navkeys[1]) { //up
|
|
$("#pData", frmtb2).trigger("click");
|
|
return false;
|
|
}
|
|
if (e.which === rp_ge[$t.p.id].navkeys[2]) { //down
|
|
$("#nData", frmtb2).trigger("click");
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
if (p.checkOnUpdate) {
|
|
$("a.ui-jqdialog-titlebar-close span", "#" + $.jgrid.jqID(IDs.themodal)).removeClass("jqmClose");
|
|
$("a.ui-jqdialog-titlebar-close", "#" + $.jgrid.jqID(IDs.themodal)).unbind("click")
|
|
.click(function () {
|
|
if (!checkUpdates()) { return false; }
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
return false;
|
|
});
|
|
}
|
|
p.saveicon = $.extend([true, "left", styles.icon_save], p.saveicon);
|
|
p.closeicon = $.extend([true, "left", styles.icon_close], p.closeicon);
|
|
// beforeinitdata after creation of the form
|
|
if (p.saveicon[0] === true) {
|
|
$("#sData", frmtb2).addClass(p.saveicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
|
|
.append("<span class='" + commonstyle.icon_base + " " + p.saveicon[2] + "'></span>");
|
|
}
|
|
if (p.closeicon[0] === true) {
|
|
$("#cData", frmtb2).addClass(p.closeicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
|
|
.append("<span class='" + commonstyle.icon_base + " " + p.closeicon[2] + "'></span>");
|
|
}
|
|
if (rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
|
|
bS = "<a id='sNew' class='fm-button " + commonstyle.button + "' style='z-index:1002'>" + p.bYes + "</a>";
|
|
bN = "<a id='nNew' class='fm-button " + commonstyle.button + "' style='z-index:1002;margin-left:5px'>" + p.bNo + "</a>";
|
|
bC = "<a id='cNew' class='fm-button " + commonstyle.button + "' style='z-index:1002;margin-left:5px;'>" + p.bExit + "</a>";
|
|
var zI = p.zIndex || 999; zI++;
|
|
$("<div class='" + p.overlayClass + " jqgrid-overlay confirm' style='z-index:" + zI + ";display:none;'> " + "</div><div class='confirm ui-jqconfirm " + commonstyle.content + "' style='z-index:" + (zI + 1) + "'>" + p.saveData + "<br/><br/>" + bS + bN + bC + "</div>").insertAfter(frmgr);
|
|
$("#sNew", "#" + $.jgrid.jqID(IDs.themodal)).click(function () {
|
|
postIt();
|
|
$(frmgr).data("disabled", false);
|
|
$(".confirm", "#" + $.jgrid.jqID(IDs.themodal)).hide();
|
|
return false;
|
|
});
|
|
$("#nNew", "#" + $.jgrid.jqID(IDs.themodal)).click(function () {
|
|
$(".confirm", "#" + $.jgrid.jqID(IDs.themodal)).hide();
|
|
$(frmgr).data("disabled", false);
|
|
setTimeout(function () { $(":input:visible", frmgr)[0].focus(); }, 0);
|
|
return false;
|
|
});
|
|
$("#cNew", "#" + $.jgrid.jqID(IDs.themodal)).click(function () {
|
|
$(".confirm", "#" + $.jgrid.jqID(IDs.themodal)).hide();
|
|
$(frmgr).data("disabled", false);
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
return false;
|
|
});
|
|
}
|
|
// here initform - only once
|
|
$($t).triggerHandler("jqGridAddEditInitializeForm", [$(frmgr), frmoper]);
|
|
if ($.isFunction(rp_ge[$t.p.id].onInitializeForm)) { rp_ge[$t.p.id].onInitializeForm.call($t, $(frmgr), frmoper); }
|
|
if (rowid === "_empty" || !rp_ge[$t.p.id].viewPagerButtons) { $("#pData,#nData", frmtb2).hide(); } else { $("#pData,#nData", frmtb2).show(); }
|
|
$($t).triggerHandler("jqGridAddEditBeforeShowForm", [$(frmgr), frmoper]);
|
|
if ($.isFunction(rp_ge[$t.p.id].beforeShowForm)) { rp_ge[$t.p.id].beforeShowForm.call($t, $(frmgr), frmoper); }
|
|
syncSavedData();
|
|
$("#" + $.jgrid.jqID(IDs.themodal)).data("onClose", rp_ge[$t.p.id].onClose);
|
|
$.jgrid.viewModal("#" + $.jgrid.jqID(IDs.themodal), {
|
|
gbox: "#gbox_" + $.jgrid.jqID(gID),
|
|
jqm: p.jqModal,
|
|
overlay: p.overlay,
|
|
modal: p.modal,
|
|
overlayClass: p.overlayClass,
|
|
focusField: p.focusField,
|
|
onHide: function (h) {
|
|
var fh = $('#editmod' + gID)[0].style.height,
|
|
fw = $('#editmod' + gID)[0].style.width;
|
|
if (fh.indexOf("px") > -1) {
|
|
fh = parseFloat(fh);
|
|
}
|
|
if (fw.indexOf("px") > -1) {
|
|
fw = parseFloat(fw);
|
|
}
|
|
$($t).data("formProp", {
|
|
top: parseFloat($(h.w).css("top")),
|
|
left: parseFloat($(h.w).css("left")),
|
|
width: fw,
|
|
height: fh,
|
|
dataheight: $(frmgr).height(),
|
|
datawidth: $(frmgr).width()
|
|
});
|
|
h.w.remove();
|
|
if (h.o) { h.o.remove(); }
|
|
}
|
|
});
|
|
if (!closeovrl) {
|
|
$("." + $.jgrid.jqID(p.overlayClass)).click(function () {
|
|
if (!checkUpdates()) { return false; }
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
return false;
|
|
});
|
|
}
|
|
$(".fm-button", "#" + $.jgrid.jqID(IDs.themodal)).hover(
|
|
function () { $(this).addClass(commonstyle.hover); },
|
|
function () { $(this).removeClass(commonstyle.hover); }
|
|
);
|
|
$("#sData", frmtb2).click(function () {
|
|
postdata = {};
|
|
$(".FormError", frmgr).hide();
|
|
// all depend on ret array
|
|
//ret[0] - succes
|
|
//ret[1] - msg if not succes
|
|
//ret[2] - the id that will be set if reload after submit false
|
|
getFormData();
|
|
if (postdata[$t.p.id + "_id"] === "_empty") { postIt(); }
|
|
else if (p.checkOnSubmit === true) {
|
|
diff = compareData(postdata, $t.p.savedData);
|
|
if (diff) {
|
|
$(frmgr).data("disabled", true);
|
|
$(".confirm", "#" + $.jgrid.jqID(IDs.themodal)).show();
|
|
} else {
|
|
postIt();
|
|
}
|
|
} else {
|
|
postIt();
|
|
}
|
|
return false;
|
|
});
|
|
$("#cData", frmtb2).click(function () {
|
|
if (!checkUpdates()) { return false; }
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
return false;
|
|
});
|
|
$("#nData", frmtb2).click(function () {
|
|
if (!checkUpdates()) { return false; }
|
|
$(".FormError", frmgr).hide();
|
|
var npos = getCurrPos();
|
|
npos[0] = parseInt(npos[0], 10);
|
|
if (npos[0] !== -1 && npos[1][npos[0] + 1]) {
|
|
$($t).triggerHandler("jqGridAddEditClickPgButtons", ['next', $(frmgr), npos[1][npos[0]]]);
|
|
var nposret;
|
|
if ($.isFunction(p.onclickPgButtons)) {
|
|
nposret = p.onclickPgButtons.call($t, 'next', $(frmgr), npos[1][npos[0]]);
|
|
if (nposret !== undefined && nposret === false) { return false; }
|
|
}
|
|
if ($("#" + $.jgrid.jqID(npos[1][npos[0] + 1])).hasClass(commonstyle.disabled)) { return false; }
|
|
fillData(npos[1][npos[0] + 1], $t, frmgr);
|
|
if (!($t.p.multiselect && rp_ge[$t.p.id].editselected)) {
|
|
$($t).jqGrid("setSelection", npos[1][npos[0] + 1]);
|
|
}
|
|
$($t).triggerHandler("jqGridAddEditAfterClickPgButtons", ['next', $(frmgr), npos[1][npos[0]]]);
|
|
if ($.isFunction(p.afterclickPgButtons)) {
|
|
p.afterclickPgButtons.call($t, 'next', $(frmgr), npos[1][npos[0] + 1]);
|
|
}
|
|
syncSavedData();
|
|
updateNav(npos[0] + 1, npos);
|
|
}
|
|
return false;
|
|
});
|
|
$("#pData", frmtb2).click(function () {
|
|
if (!checkUpdates()) { return false; }
|
|
$(".FormError", frmgr).hide();
|
|
var ppos = getCurrPos();
|
|
if (ppos[0] !== -1 && ppos[1][ppos[0] - 1]) {
|
|
$($t).triggerHandler("jqGridAddEditClickPgButtons", ['prev', $(frmgr), ppos[1][ppos[0]]]);
|
|
var pposret;
|
|
if ($.isFunction(p.onclickPgButtons)) {
|
|
pposret = p.onclickPgButtons.call($t, 'prev', $(frmgr), ppos[1][ppos[0]]);
|
|
if (pposret !== undefined && pposret === false) { return false; }
|
|
}
|
|
if ($("#" + $.jgrid.jqID(ppos[1][ppos[0] - 1])).hasClass(commonstyle.disabled)) { return false; }
|
|
fillData(ppos[1][ppos[0] - 1], $t, frmgr);
|
|
if (!($t.p.multiselect && rp_ge[$t.p.id].editselected)) {
|
|
$($t).jqGrid("setSelection", ppos[1][ppos[0] - 1]);
|
|
}
|
|
$($t).triggerHandler("jqGridAddEditAfterClickPgButtons", ['prev', $(frmgr), ppos[1][ppos[0]]]);
|
|
if ($.isFunction(p.afterclickPgButtons)) {
|
|
p.afterclickPgButtons.call($t, 'prev', $(frmgr), ppos[1][ppos[0] - 1]);
|
|
}
|
|
syncSavedData();
|
|
updateNav(ppos[0] - 1, ppos);
|
|
}
|
|
return false;
|
|
});
|
|
$($t).triggerHandler("jqGridAddEditAfterShowForm", [$(frmgr), frmoper]);
|
|
if ($.isFunction(rp_ge[$t.p.id].afterShowForm)) { rp_ge[$t.p.id].afterShowForm.call($t, $(frmgr), frmoper); }
|
|
var posInit = getCurrPos();
|
|
updateNav(posInit[0], posInit);
|
|
});
|
|
},
|
|
viewGridRow: function (rowid, p) {
|
|
var regional = $.jgrid.getRegional(this[0], 'view'),
|
|
currstyle = this[0].p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].formedit,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common;
|
|
|
|
p = $.extend(true, {
|
|
top: 0,
|
|
left: 0,
|
|
width: 500,
|
|
datawidth: 'auto',
|
|
height: 'auto',
|
|
dataheight: 'auto',
|
|
modal: false,
|
|
overlay: 30,
|
|
drag: true,
|
|
resize: true,
|
|
jqModal: true,
|
|
closeOnEscape: false,
|
|
labelswidth: '30%',
|
|
closeicon: [],
|
|
navkeys: [false, 38, 40],
|
|
onClose: null,
|
|
beforeShowForm: null,
|
|
beforeInitData: null,
|
|
viewPagerButtons: true,
|
|
recreateForm: false,
|
|
removemodal: true,
|
|
form: 'view'
|
|
}, regional, p || {});
|
|
rp_ge[$(this)[0].p.id] = p;
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !rowid) { return; }
|
|
var gID = $t.p.id,
|
|
frmgr = "ViewGrid_" + $.jgrid.jqID(gID), frmtb = "ViewTbl_" + $.jgrid.jqID(gID),
|
|
frmgr_id = "ViewGrid_" + gID, frmtb_id = "ViewTbl_" + gID,
|
|
IDs = { themodal: 'viewmod' + gID, modalhead: 'viewhd' + gID, modalcontent: 'viewcnt' + gID, scrollelm: frmgr },
|
|
onBeforeInit = $.isFunction(rp_ge[$t.p.id].beforeInitData) ? rp_ge[$t.p.id].beforeInitData : false,
|
|
showFrm = true,
|
|
maxCols = 1, maxRows = 0;
|
|
rp_ge[$t.p.id].styleUI = $t.p.styleUI || 'jQueryUI';
|
|
if (!p.recreateForm) {
|
|
if ($($t).data("viewProp")) {
|
|
$.extend(rp_ge[$(this)[0].p.id], $($t).data("viewProp"));
|
|
}
|
|
}
|
|
function focusaref() { //Sfari 3 issues
|
|
if (rp_ge[$t.p.id].closeOnEscape === true || rp_ge[$t.p.id].navkeys[0] === true) {
|
|
setTimeout(function () { $(".ui-jqdialog-titlebar-close", "#" + $.jgrid.jqID(IDs.modalhead)).attr("tabindex", "-1").focus(); }, 0);
|
|
}
|
|
}
|
|
function createData(rowid, obj, tb, maxcols) {
|
|
var nm, hc, trdata, cnt = 0, tmp, dc, retpos = [], ind = false, i,
|
|
tdtmpl = "<td class='CaptionTD form-view-label " + commonstyle.content + "' width='" + p.labelswidth + "'> </td><td class='DataTD form-view-data ui-helper-reset " + commonstyle.content + "'> </td>", tmpl = "",
|
|
tdtmpl2 = "<td class='CaptionTD form-view-label " + commonstyle.content + "'> </td><td class='DataTD form-view-data " + commonstyle.content + "'> </td>",
|
|
fmtnum = ['integer', 'number', 'currency'], max1 = 0, max2 = 0, maxw, setme, viewfld;
|
|
for (i = 1; i <= maxcols; i++) {
|
|
tmpl += i === 1 ? tdtmpl : tdtmpl2;
|
|
}
|
|
// find max number align rigth with property formatter
|
|
$(obj.p.colModel).each(function () {
|
|
if (this.editrules && this.editrules.edithidden === true) {
|
|
hc = false;
|
|
} else {
|
|
hc = this.hidden === true ? true : false;
|
|
}
|
|
if (!hc && this.align === 'right') {
|
|
if (this.formatter && $.inArray(this.formatter, fmtnum) !== -1) {
|
|
max1 = Math.max(max1, parseInt(this.width, 10));
|
|
} else {
|
|
max2 = Math.max(max2, parseInt(this.width, 10));
|
|
}
|
|
}
|
|
});
|
|
maxw = max1 !== 0 ? max1 : max2 !== 0 ? max2 : 0;
|
|
ind = $(obj).jqGrid("getInd", rowid);
|
|
$(obj.p.colModel).each(function (i) {
|
|
nm = this.name;
|
|
setme = false;
|
|
// hidden fields are included in the form
|
|
if (this.editrules && this.editrules.edithidden === true) {
|
|
hc = false;
|
|
} else {
|
|
hc = this.hidden === true ? true : false;
|
|
}
|
|
dc = hc ? "style='display:none'" : "";
|
|
viewfld = (typeof this.viewable !== 'boolean') ? true : this.viewable;
|
|
if (nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn' && viewfld) {
|
|
if (ind === false) {
|
|
tmp = "";
|
|
} else {
|
|
if (nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
|
|
tmp = $("td:eq(" + i + ")", obj.rows[ind]).text();
|
|
} else {
|
|
tmp = $("td:eq(" + i + ")", obj.rows[ind]).html();
|
|
}
|
|
}
|
|
setme = this.align === 'right' && maxw !== 0 ? true : false;
|
|
var frmopt = $.extend({}, { rowabove: false, rowcontent: '' }, this.formoptions || {}),
|
|
rp = parseInt(frmopt.rowpos, 10) || cnt + 1,
|
|
cp = parseInt((parseInt(frmopt.colpos, 10) || 1) * 2, 10);
|
|
if (frmopt.rowabove) {
|
|
var newdata = $("<tr><td class='contentinfo' colspan='" + (maxcols * 2) + "'>" + frmopt.rowcontent + "</td></tr>");
|
|
$(tb).append(newdata);
|
|
newdata[0].rp = rp;
|
|
}
|
|
trdata = $(tb).find("tr[rowpos=" + rp + "]");
|
|
if (trdata.length === 0) {
|
|
trdata = $("<tr " + dc + " rowpos='" + rp + "'></tr>").addClass("FormData").attr("id", "trv_" + nm);
|
|
$(trdata).append(tmpl);
|
|
$(tb).append(trdata);
|
|
trdata[0].rp = rp;
|
|
}
|
|
$("td:eq(" + (cp - 2) + ")", trdata[0]).html('<b>' + (frmopt.label === undefined ? obj.p.colNames[i] : frmopt.label) + '</b>');
|
|
$("td:eq(" + (cp - 1) + ")", trdata[0]).append("<span>" + tmp + "</span>").attr("id", "v_" + nm);
|
|
if (setme) {
|
|
$("td:eq(" + (cp - 1) + ") span", trdata[0]).css({ 'text-align': 'right', width: maxw + "px" });
|
|
}
|
|
retpos[cnt] = i;
|
|
cnt++;
|
|
}
|
|
});
|
|
if (cnt > 0) {
|
|
var idrow = $("<tr class='FormData' style='display:none'><td class='CaptionTD'></td><td colspan='" + (maxcols * 2 - 1) + "' class='DataTD'><input class='FormElement' id='id_g' type='text' name='id' value='" + rowid + "'/></td></tr>");
|
|
idrow[0].rp = cnt + 99;
|
|
$(tb).append(idrow);
|
|
}
|
|
return retpos;
|
|
}
|
|
function fillData(rowid, obj) {
|
|
var nm, hc, cnt = 0, tmp, trv;
|
|
trv = $(obj).jqGrid("getInd", rowid, true);
|
|
if (!trv) { return; }
|
|
$('td', trv).each(function (i) {
|
|
nm = obj.p.colModel[i].name;
|
|
// hidden fields are included in the form
|
|
if (obj.p.colModel[i].editrules && obj.p.colModel[i].editrules.edithidden === true) {
|
|
hc = false;
|
|
} else {
|
|
hc = obj.p.colModel[i].hidden === true ? true : false;
|
|
}
|
|
if (nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
|
|
if (nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
|
|
tmp = $(this).text();
|
|
} else {
|
|
tmp = $(this).html();
|
|
}
|
|
nm = $.jgrid.jqID("v_" + nm);
|
|
$("#" + nm + " span", "#" + frmtb).html(tmp);
|
|
if (hc) { $("#" + nm, "#" + frmtb).parents("tr:first").hide(); }
|
|
cnt++;
|
|
}
|
|
});
|
|
if (cnt > 0) { $("#id_g", "#" + frmtb).val(rowid); }
|
|
}
|
|
function updateNav(cr, posarr) {
|
|
var totr = posarr[1].length - 1;
|
|
if (cr === 0) {
|
|
$("#pData", "#" + frmtb + "_2").addClass(commonstyle.disabled);
|
|
} else if (posarr[1][cr - 1] !== undefined && $("#" + $.jgrid.jqID(posarr[1][cr - 1])).hasClass(commonstyle.disabled)) {
|
|
$("#pData", frmtb + "_2").addClass(commonstyle.disabled);
|
|
} else {
|
|
$("#pData", "#" + frmtb + "_2").removeClass(commonstyle.disabled);
|
|
}
|
|
if (cr === totr) {
|
|
$("#nData", "#" + frmtb + "_2").addClass(commonstyle.disabled);
|
|
} else if (posarr[1][cr + 1] !== undefined && $("#" + $.jgrid.jqID(posarr[1][cr + 1])).hasClass(commonstyle.disabled)) {
|
|
$("#nData", frmtb + "_2").addClass(commonstyle.disabled);
|
|
} else {
|
|
$("#nData", "#" + frmtb + "_2").removeClass(commonstyle.disabled);
|
|
}
|
|
}
|
|
function getCurrPos() {
|
|
var rowsInGrid = $($t).jqGrid("getDataIDs"),
|
|
selrow = $("#id_g", "#" + frmtb).val(),
|
|
pos = $.inArray(selrow, rowsInGrid);
|
|
return [pos, rowsInGrid];
|
|
}
|
|
|
|
var dh = isNaN(rp_ge[$(this)[0].p.id].dataheight) ? rp_ge[$(this)[0].p.id].dataheight : rp_ge[$(this)[0].p.id].dataheight + "px",
|
|
dw = isNaN(rp_ge[$(this)[0].p.id].datawidth) ? rp_ge[$(this)[0].p.id].datawidth : rp_ge[$(this)[0].p.id].datawidth + "px",
|
|
frm = $("<form name='FormPost' id='" + frmgr_id + "' class='FormGrid' style='width:" + dw + ";height:" + dh + ";'></form>"),
|
|
tbl = $("<table id='" + frmtb_id + "' class='EditTable ViewTable'><tbody></tbody></table>");
|
|
$($t.p.colModel).each(function () {
|
|
var fmto = this.formoptions;
|
|
maxCols = Math.max(maxCols, fmto ? fmto.colpos || 0 : 0);
|
|
maxRows = Math.max(maxRows, fmto ? fmto.rowpos || 0 : 0);
|
|
});
|
|
// set the id.
|
|
$(frm).append(tbl);
|
|
if (onBeforeInit) {
|
|
showFrm = onBeforeInit.call($t, frm);
|
|
if (showFrm === undefined) {
|
|
showFrm = true;
|
|
}
|
|
}
|
|
if (showFrm === false) { return; }
|
|
createData(rowid, $t, tbl, maxCols);
|
|
var rtlb = $t.p.direction === "rtl" ? true : false,
|
|
bp = rtlb ? "nData" : "pData",
|
|
bn = rtlb ? "pData" : "nData",
|
|
// buttons at footer
|
|
bP = "<a id='" + bp + "' class='fm-button " + commonstyle.button + "'><span class='" + commonstyle.icon_base + " " + styles.icon_prev + "'></span></a>",
|
|
bN = "<a id='" + bn + "' class='fm-button " + commonstyle.button + "'><span class='" + commonstyle.icon_base + " " + styles.icon_next + "'></span></a>",
|
|
bC = "<a id='cData' class='fm-button " + commonstyle.button + "'>" + p.bClose + "</a>";
|
|
if (maxRows > 0) {
|
|
var sd = [];
|
|
$.each($(tbl)[0].rows, function (i, r) {
|
|
sd[i] = r;
|
|
});
|
|
sd.sort(function (a, b) {
|
|
if (a.rp > b.rp) { return 1; }
|
|
if (a.rp < b.rp) { return -1; }
|
|
return 0;
|
|
});
|
|
$.each(sd, function (index, row) {
|
|
$('tbody', tbl).append(row);
|
|
});
|
|
}
|
|
p.gbox = "#gbox_" + $.jgrid.jqID(gID);
|
|
var bt = $("<div></div>").append(frm).append("<table border='0' class='EditTable' id='" + frmtb + "_2'><tbody><tr id='Act_Buttons'><td class='navButton' width='" + p.labelswidth + "'>" + (rtlb ? bN + bP : bP + bN) + "</td><td class='EditButton'>" + bC + "</td></tr></tbody></table>");
|
|
$.jgrid.createModal(IDs, bt, rp_ge[$(this)[0].p.id], "#gview_" + $.jgrid.jqID($t.p.id), $("#gview_" + $.jgrid.jqID($t.p.id))[0]);
|
|
if (rtlb) {
|
|
$("#pData, #nData", "#" + frmtb + "_2").css("float", "right");
|
|
$(".EditButton", "#" + frmtb + "_2").css("text-align", "left");
|
|
}
|
|
if (!p.viewPagerButtons) { $("#pData, #nData", "#" + frmtb + "_2").hide(); }
|
|
bt = null;
|
|
$("#" + IDs.themodal).keydown(function (e) {
|
|
if (e.which === 27) {
|
|
if (rp_ge[$t.p.id].closeOnEscape) { $.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: p.gbox, jqm: p.jqModal, onClose: p.onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form }); }
|
|
return false;
|
|
}
|
|
if (p.navkeys[0] === true) {
|
|
if (e.which === p.navkeys[1]) { //up
|
|
$("#pData", "#" + frmtb + "_2").trigger("click");
|
|
return false;
|
|
}
|
|
if (e.which === p.navkeys[2]) { //down
|
|
$("#nData", "#" + frmtb + "_2").trigger("click");
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
p.closeicon = $.extend([true, "left", styles.icon_close], p.closeicon);
|
|
if (p.closeicon[0] === true) {
|
|
$("#cData", "#" + frmtb + "_2").addClass(p.closeicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
|
|
.append("<span class='" + commonstyle.icon_base + " " + p.closeicon[2] + "'></span>");
|
|
}
|
|
if ($.isFunction(p.beforeShowForm)) { p.beforeShowForm.call($t, $("#" + frmgr)); }
|
|
$.jgrid.viewModal("#" + $.jgrid.jqID(IDs.themodal), {
|
|
gbox: "#gbox_" + $.jgrid.jqID(gID),
|
|
jqm: p.jqModal,
|
|
overlay: p.overlay,
|
|
modal: p.modal,
|
|
onHide: function (h) {
|
|
$($t).data("viewProp", {
|
|
top: parseFloat($(h.w).css("top")),
|
|
left: parseFloat($(h.w).css("left")),
|
|
width: $(h.w).width(),
|
|
height: $(h.w).height(),
|
|
dataheight: $("#" + frmgr).height(),
|
|
datawidth: $("#" + frmgr).width()
|
|
});
|
|
h.w.remove();
|
|
if (h.o) { h.o.remove(); }
|
|
}
|
|
});
|
|
$(".fm-button:not(." + commonstyle.disabled + ")", "#" + frmtb + "_2").hover(
|
|
function () { $(this).addClass(commonstyle.hover); },
|
|
function () { $(this).removeClass(commonstyle.hover); }
|
|
);
|
|
focusaref();
|
|
$("#cData", "#" + frmtb + "_2").click(function () {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: p.onClose, removemodal: rp_ge[$t.p.id].removemodal, formprop: !rp_ge[$t.p.id].recreateForm, form: rp_ge[$t.p.id].form });
|
|
return false;
|
|
});
|
|
$("#nData", "#" + frmtb + "_2").click(function () {
|
|
$("#FormError", "#" + frmtb).hide();
|
|
var npos = getCurrPos();
|
|
npos[0] = parseInt(npos[0], 10);
|
|
if (npos[0] !== -1 && npos[1][npos[0] + 1]) {
|
|
if ($.isFunction(p.onclickPgButtons)) {
|
|
p.onclickPgButtons.call($t, 'next', $("#" + frmgr), npos[1][npos[0]]);
|
|
}
|
|
fillData(npos[1][npos[0] + 1], $t);
|
|
$($t).jqGrid("setSelection", npos[1][npos[0] + 1]);
|
|
if ($.isFunction(p.afterclickPgButtons)) {
|
|
p.afterclickPgButtons.call($t, 'next', $("#" + frmgr), npos[1][npos[0] + 1]);
|
|
}
|
|
updateNav(npos[0] + 1, npos);
|
|
}
|
|
focusaref();
|
|
return false;
|
|
});
|
|
$("#pData", "#" + frmtb + "_2").click(function () {
|
|
$("#FormError", "#" + frmtb).hide();
|
|
var ppos = getCurrPos();
|
|
if (ppos[0] !== -1 && ppos[1][ppos[0] - 1]) {
|
|
if ($.isFunction(p.onclickPgButtons)) {
|
|
p.onclickPgButtons.call($t, 'prev', $("#" + frmgr), ppos[1][ppos[0]]);
|
|
}
|
|
fillData(ppos[1][ppos[0] - 1], $t);
|
|
$($t).jqGrid("setSelection", ppos[1][ppos[0] - 1]);
|
|
if ($.isFunction(p.afterclickPgButtons)) {
|
|
p.afterclickPgButtons.call($t, 'prev', $("#" + frmgr), ppos[1][ppos[0] - 1]);
|
|
}
|
|
updateNav(ppos[0] - 1, ppos);
|
|
}
|
|
focusaref();
|
|
return false;
|
|
});
|
|
var posInit = getCurrPos();
|
|
updateNav(posInit[0], posInit);
|
|
});
|
|
},
|
|
delGridRow: function (rowids, p) {
|
|
var regional = $.jgrid.getRegional(this[0], 'del'),
|
|
currstyle = this[0].p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].formedit,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common;
|
|
|
|
p = $.extend(true, {
|
|
top: 0,
|
|
left: 0,
|
|
width: 240,
|
|
height: 'auto',
|
|
dataheight: 'auto',
|
|
modal: false,
|
|
overlay: 30,
|
|
drag: true,
|
|
resize: true,
|
|
url: '',
|
|
mtype: "POST",
|
|
reloadAfterSubmit: true,
|
|
beforeShowForm: null,
|
|
beforeInitData: null,
|
|
afterShowForm: null,
|
|
beforeSubmit: null,
|
|
onclickSubmit: null,
|
|
afterSubmit: null,
|
|
jqModal: true,
|
|
closeOnEscape: false,
|
|
delData: {},
|
|
delicon: [],
|
|
cancelicon: [],
|
|
onClose: null,
|
|
ajaxDelOptions: {},
|
|
processing: false,
|
|
serializeDelData: null,
|
|
useDataProxy: false
|
|
}, regional, p || {});
|
|
rp_ge[$(this)[0].p.id] = p;
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
if (!rowids) { return; }
|
|
var onBeforeShow = $.isFunction(rp_ge[$t.p.id].beforeShowForm),
|
|
onAfterShow = $.isFunction(rp_ge[$t.p.id].afterShowForm),
|
|
onBeforeInit = $.isFunction(rp_ge[$t.p.id].beforeInitData) ? rp_ge[$t.p.id].beforeInitData : false,
|
|
gID = $t.p.id, onCS = {},
|
|
showFrm = true,
|
|
dtbl = "DelTbl_" + $.jgrid.jqID(gID), postd, idname, opers, oper,
|
|
dtbl_id = "DelTbl_" + gID,
|
|
IDs = { themodal: 'delmod' + gID, modalhead: 'delhd' + gID, modalcontent: 'delcnt' + gID, scrollelm: dtbl };
|
|
rp_ge[$t.p.id].styleUI = $t.p.styleUI || 'jQueryUI';
|
|
if ($.isArray(rowids)) { rowids = rowids.join(); }
|
|
if ($("#" + $.jgrid.jqID(IDs.themodal))[0] !== undefined) {
|
|
if (onBeforeInit) {
|
|
showFrm = onBeforeInit.call($t, $("#" + dtbl));
|
|
if (showFrm === undefined) {
|
|
showFrm = true;
|
|
}
|
|
}
|
|
if (showFrm === false) { return; }
|
|
$("#DelData>td", "#" + dtbl).text(rowids);
|
|
$("#DelError", "#" + dtbl).hide();
|
|
if (rp_ge[$t.p.id].processing === true) {
|
|
rp_ge[$t.p.id].processing = false;
|
|
$("#dData", "#" + dtbl).removeClass(commonstyle.active);
|
|
}
|
|
if (onBeforeShow) { rp_ge[$t.p.id].beforeShowForm.call($t, $("#" + dtbl)); }
|
|
$.jgrid.viewModal("#" + $.jgrid.jqID(IDs.themodal), { gbox: "#gbox_" + $.jgrid.jqID(gID), jqm: rp_ge[$t.p.id].jqModal, jqM: false, overlay: rp_ge[$t.p.id].overlay, modal: rp_ge[$t.p.id].modal });
|
|
if (onAfterShow) { rp_ge[$t.p.id].afterShowForm.call($t, $("#" + dtbl)); }
|
|
} else {
|
|
var dh = isNaN(rp_ge[$t.p.id].dataheight) ? rp_ge[$t.p.id].dataheight : rp_ge[$t.p.id].dataheight + "px",
|
|
dw = isNaN(p.datawidth) ? p.datawidth : p.datawidth + "px",
|
|
tbl = "<div id='" + dtbl_id + "' class='formdata' style='width:" + dw + ";overflow:auto;position:relative;height:" + dh + ";'>";
|
|
tbl += "<table class='DelTable'><tbody>";
|
|
// error data
|
|
tbl += "<tr id='DelError' style='display:none'><td class='" + commonstyle.error + "'></td></tr>";
|
|
tbl += "<tr id='DelData' style='display:none'><td >" + rowids + "</td></tr>";
|
|
tbl += "<tr><td class=\"delmsg\" style=\"white-space:pre;\">" + rp_ge[$t.p.id].msg + "</td></tr><tr><td > </td></tr>";
|
|
// buttons at footer
|
|
tbl += "</tbody></table></div>";
|
|
var bS = "<a id='dData' class='fm-button " + commonstyle.button + "'>" + p.bSubmit + "</a>",
|
|
bC = "<a id='eData' class='fm-button " + commonstyle.button + "'>" + p.bCancel + "</a>";
|
|
tbl += "<table class='EditTable ui-common-table' id='" + dtbl + "_2'><tbody><tr><td><hr class='" + commonstyle.content + "' style='margin:1px'/></td></tr><tr><td class='DelButton EditButton'>" + bS + " " + bC + "</td></tr></tbody></table>";
|
|
p.gbox = "#gbox_" + $.jgrid.jqID(gID);
|
|
$.jgrid.createModal(IDs, tbl, rp_ge[$t.p.id], "#gview_" + $.jgrid.jqID($t.p.id), $("#gview_" + $.jgrid.jqID($t.p.id))[0]);
|
|
|
|
if (onBeforeInit) {
|
|
showFrm = onBeforeInit.call($t, $(tbl));
|
|
if (showFrm === undefined) {
|
|
showFrm = true;
|
|
}
|
|
}
|
|
if (showFrm === false) { return; }
|
|
|
|
$(".fm-button", "#" + dtbl + "_2").hover(
|
|
function () { $(this).addClass(commonstyle.hover); },
|
|
function () { $(this).removeClass(commonstyle.hover); }
|
|
);
|
|
p.delicon = $.extend([true, "left", styles.icon_del], rp_ge[$t.p.id].delicon);
|
|
p.cancelicon = $.extend([true, "left", styles.icon_cancel], rp_ge[$t.p.id].cancelicon);
|
|
if (p.delicon[0] === true) {
|
|
$("#dData", "#" + dtbl + "_2").addClass(p.delicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
|
|
.append("<span class='" + commonstyle.icon_base + " " + p.delicon[2] + "'></span>");
|
|
}
|
|
if (p.cancelicon[0] === true) {
|
|
$("#eData", "#" + dtbl + "_2").addClass(p.cancelicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
|
|
.append("<span class='" + commonstyle.icon_base + " " + p.cancelicon[2] + "'></span>");
|
|
}
|
|
$("#dData", "#" + dtbl + "_2").click(function () {
|
|
var ret = [true, ""], pk,
|
|
postdata = $("#DelData>td", "#" + dtbl).text(); //the pair is name=val1,val2,...
|
|
onCS = {};
|
|
if ($.isFunction(rp_ge[$t.p.id].onclickSubmit)) { onCS = rp_ge[$t.p.id].onclickSubmit.call($t, rp_ge[$t.p.id], postdata) || {}; }
|
|
if ($.isFunction(rp_ge[$t.p.id].beforeSubmit)) { ret = rp_ge[$t.p.id].beforeSubmit.call($t, postdata); }
|
|
if (ret[0] && !rp_ge[$t.p.id].processing) {
|
|
rp_ge[$t.p.id].processing = true;
|
|
opers = $t.p.prmNames;
|
|
postd = $.extend({}, rp_ge[$t.p.id].delData, onCS);
|
|
oper = opers.oper;
|
|
postd[oper] = opers.deloper;
|
|
idname = opers.id;
|
|
postdata = String(postdata).split(",");
|
|
if (!postdata.length) { return false; }
|
|
for (pk in postdata) {
|
|
if (postdata.hasOwnProperty(pk)) {
|
|
postdata[pk] = $.jgrid.stripPref($t.p.idPrefix, postdata[pk]);
|
|
}
|
|
}
|
|
postd[idname] = postdata.join();
|
|
$(this).addClass(commonstyle.active);
|
|
var ajaxOptions = $.extend({
|
|
url: rp_ge[$t.p.id].url || $($t).jqGrid('getGridParam', 'editurl'),
|
|
type: rp_ge[$t.p.id].mtype,
|
|
data: $.isFunction(rp_ge[$t.p.id].serializeDelData) ? rp_ge[$t.p.id].serializeDelData.call($t, postd) : postd,
|
|
complete: function (data, status) {
|
|
var i;
|
|
$("#dData", "#" + dtbl + "_2").removeClass(commonstyle.active);
|
|
if (data.status >= 300 && data.status !== 304) {
|
|
ret[0] = false;
|
|
if ($.isFunction(rp_ge[$t.p.id].errorTextFormat)) {
|
|
ret[1] = rp_ge[$t.p.id].errorTextFormat.call($t, data);
|
|
} else {
|
|
ret[1] = status + " Status: '" + data.statusText + "'. Error code: " + data.status;
|
|
}
|
|
} else {
|
|
// data is posted successful
|
|
// execute aftersubmit with the returned data from server
|
|
if ($.isFunction(rp_ge[$t.p.id].afterSubmit)) {
|
|
ret = rp_ge[$t.p.id].afterSubmit.call($t, data, postd);
|
|
}
|
|
}
|
|
if (ret[0] === false) {
|
|
$("#DelError>td", "#" + dtbl).html(ret[1]);
|
|
$("#DelError", "#" + dtbl).show();
|
|
} else {
|
|
if (rp_ge[$t.p.id].reloadAfterSubmit && $t.p.datatype !== "local") {
|
|
$($t).trigger("reloadGrid");
|
|
} else {
|
|
if ($t.p.treeGrid === true) {
|
|
try { $($t).jqGrid("delTreeNode", $t.p.idPrefix + postdata[0]); } catch (e) { }
|
|
} else {
|
|
for (i = 0; i < postdata.length; i++) {
|
|
$($t).jqGrid("delRowData", $t.p.idPrefix + postdata[i]);
|
|
}
|
|
}
|
|
$t.p.selrow = null;
|
|
$t.p.selarrrow = [];
|
|
}
|
|
if ($.isFunction(rp_ge[$t.p.id].afterComplete)) {
|
|
setTimeout(function () { rp_ge[$t.p.id].afterComplete.call($t, data, postdata); }, 500);
|
|
}
|
|
}
|
|
rp_ge[$t.p.id].processing = false;
|
|
if (ret[0]) { $.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose }); }
|
|
}
|
|
}, $.jgrid.ajaxOptions, rp_ge[$t.p.id].ajaxDelOptions);
|
|
|
|
|
|
if (!ajaxOptions.url && !rp_ge[$t.p.id].useDataProxy) {
|
|
if ($.isFunction($t.p.dataProxy)) {
|
|
rp_ge[$t.p.id].useDataProxy = true;
|
|
} else {
|
|
ret[0] = false; ret[1] += " " + $.jgrid.getRegional($t, 'errors.nourl');
|
|
}
|
|
}
|
|
if (ret[0]) {
|
|
if (rp_ge[$t.p.id].useDataProxy) {
|
|
var dpret = $t.p.dataProxy.call($t, ajaxOptions, "del_" + $t.p.id);
|
|
if (dpret === undefined) {
|
|
dpret = [true, ""];
|
|
}
|
|
if (dpret[0] === false) {
|
|
ret[0] = false;
|
|
ret[1] = dpret[1] || "Error deleting the selected row!";
|
|
} else {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: p.jqModal, onClose: rp_ge[$t.p.id].onClose });
|
|
}
|
|
}
|
|
else {
|
|
if (ajaxOptions.url === "clientArray") {
|
|
postd = ajaxOptions.data;
|
|
ajaxOptions.complete({ status: 200, statusText: '' }, '');
|
|
} else {
|
|
$.ajax(ajaxOptions);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (ret[0] === false) {
|
|
$("#DelError>td", "#" + dtbl).html(ret[1]);
|
|
$("#DelError", "#" + dtbl).show();
|
|
}
|
|
return false;
|
|
});
|
|
$("#eData", "#" + dtbl + "_2").click(function () {
|
|
$.jgrid.hideModal("#" + $.jgrid.jqID(IDs.themodal), { gb: "#gbox_" + $.jgrid.jqID(gID), jqm: rp_ge[$t.p.id].jqModal, onClose: rp_ge[$t.p.id].onClose });
|
|
return false;
|
|
});
|
|
if (onBeforeShow) { rp_ge[$t.p.id].beforeShowForm.call($t, $("#" + dtbl)); }
|
|
$.jgrid.viewModal("#" + $.jgrid.jqID(IDs.themodal), { gbox: "#gbox_" + $.jgrid.jqID(gID), jqm: rp_ge[$t.p.id].jqModal, overlay: rp_ge[$t.p.id].overlay, modal: rp_ge[$t.p.id].modal });
|
|
if (onAfterShow) { rp_ge[$t.p.id].afterShowForm.call($t, $("#" + dtbl)); }
|
|
}
|
|
if (rp_ge[$t.p.id].closeOnEscape === true) {
|
|
setTimeout(function () { $(".ui-jqdialog-titlebar-close", "#" + $.jgrid.jqID(IDs.modalhead)).attr("tabindex", "-1").focus(); }, 0);
|
|
}
|
|
});
|
|
},
|
|
navGrid: function (elem, p, pEdit, pAdd, pDel, pSearch, pView) {
|
|
var regional = $.jgrid.getRegional(this[0], 'nav'),
|
|
currstyle = this[0].p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].navigator,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common;
|
|
p = $.extend({
|
|
edit: true,
|
|
editicon: styles.icon_edit_nav,
|
|
add: true,
|
|
addicon: styles.icon_add_nav,
|
|
del: true,
|
|
delicon: styles.icon_del_nav,
|
|
search: true,
|
|
searchicon: styles.icon_search_nav,
|
|
refresh: true,
|
|
refreshicon: styles.icon_refresh_nav,
|
|
refreshstate: 'firstpage',
|
|
view: false,
|
|
viewicon: styles.icon_view_nav,
|
|
position: "left",
|
|
closeOnEscape: true,
|
|
beforeRefresh: null,
|
|
afterRefresh: null,
|
|
cloneToTop: false,
|
|
alertwidth: 200,
|
|
alertheight: 'auto',
|
|
alerttop: null,
|
|
alertleft: null,
|
|
alertzIndex: null,
|
|
dropmenu: false,
|
|
navButtonText: ''
|
|
}, regional, p || {});
|
|
return this.each(function () {
|
|
if (this.p.navGrid) { return; }
|
|
var alertIDs = { themodal: 'alertmod_' + this.p.id, modalhead: 'alerthd_' + this.p.id, modalcontent: 'alertcnt_' + this.p.id },
|
|
$t = this, twd, tdw, o;
|
|
if (!$t.grid || typeof elem !== 'string') { return; }
|
|
if (!$($t).data('navGrid')) {
|
|
$($t).data('navGrid', p);
|
|
}
|
|
// speedoverhead, but usefull for future
|
|
o = $($t).data('navGrid');
|
|
if ($t.p.force_regional) {
|
|
o = $.extend(o, regional);
|
|
}
|
|
if ($("#" + alertIDs.themodal)[0] === undefined) {
|
|
if (!o.alerttop && !o.alertleft) {
|
|
if (window.innerWidth !== undefined) {
|
|
o.alertleft = window.innerWidth;
|
|
o.alerttop = window.innerHeight;
|
|
} else if (document.documentElement !== undefined && document.documentElement.clientWidth !== undefined && document.documentElement.clientWidth !== 0) {
|
|
o.alertleft = document.documentElement.clientWidth;
|
|
o.alerttop = document.documentElement.clientHeight;
|
|
} else {
|
|
o.alertleft = 1024;
|
|
o.alerttop = 768;
|
|
}
|
|
o.alertleft = o.alertleft / 2 - parseInt(o.alertwidth, 10) / 2;
|
|
o.alerttop = o.alerttop / 2 - 25;
|
|
}
|
|
$.jgrid.createModal(alertIDs,
|
|
"<div>" + o.alerttext + "</div><span tabindex='0'><span tabindex='-1' id='jqg_alrt'></span></span>",
|
|
{
|
|
gbox: "#gbox_" + $.jgrid.jqID($t.p.id),
|
|
jqModal: true,
|
|
drag: true,
|
|
resize: true,
|
|
caption: o.alertcap,
|
|
top: o.alerttop,
|
|
left: o.alertleft,
|
|
width: o.alertwidth,
|
|
height: o.alertheight,
|
|
closeOnEscape: o.closeOnEscape,
|
|
zIndex: o.alertzIndex,
|
|
styleUI: $t.p.styleUI
|
|
},
|
|
"#gview_" + $.jgrid.jqID($t.p.id),
|
|
$("#gbox_" + $.jgrid.jqID($t.p.id))[0],
|
|
true
|
|
);
|
|
}
|
|
var clone = 1, i,
|
|
onHoverIn = function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
$(this).addClass(commonstyle.hover);
|
|
}
|
|
},
|
|
onHoverOut = function () {
|
|
$(this).removeClass(commonstyle.hover);
|
|
};
|
|
if (o.cloneToTop && $t.p.toppager) { clone = 2; }
|
|
for (i = 0; i < clone; i++) {
|
|
var tbd,
|
|
navtbl = $("<table class='ui-pg-table navtable ui-common-table'><tbody><tr></tr></tbody></table>"),
|
|
sep = "<td class='ui-pg-button " + commonstyle.disabled + "' style='width:4px;'><span class='ui-separator'></span></td>",
|
|
pgid, elemids;
|
|
if (i === 0) {
|
|
pgid = elem;
|
|
elemids = $t.p.id;
|
|
if (pgid === $t.p.toppager) {
|
|
elemids += "_top";
|
|
clone = 1;
|
|
}
|
|
} else {
|
|
pgid = $t.p.toppager;
|
|
elemids = $t.p.id + "_top";
|
|
}
|
|
if ($t.p.direction === "rtl") {
|
|
$(navtbl).attr("dir", "rtl").css("float", "right");
|
|
}
|
|
pAdd = pAdd || {};
|
|
if (o.add) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.addicon + "'></span>" + o.addtext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.addtitle || "", id: pAdd.id || "add_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(o.addfunc)) {
|
|
o.addfunc.call($t);
|
|
} else {
|
|
$($t).jqGrid("editGridRow", "new", pAdd);
|
|
}
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
tbd = null;
|
|
}
|
|
pEdit = pEdit || {};
|
|
if (o.edit) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.editicon + "'></span>" + o.edittext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.edittitle || "", id: pEdit.id || "edit_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var sr = $t.p.selrow;
|
|
if (sr) {
|
|
if ($.isFunction(o.editfunc)) {
|
|
o.editfunc.call($t, sr);
|
|
} else {
|
|
$($t).jqGrid("editGridRow", sr, pEdit);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true });
|
|
$("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
tbd = null;
|
|
}
|
|
pView = pView || {};
|
|
if (o.view) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.viewicon + "'></span>" + o.viewtext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.viewtitle || "", id: pView.id || "view_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var sr = $t.p.selrow;
|
|
if (sr) {
|
|
if ($.isFunction(o.viewfunc)) {
|
|
o.viewfunc.call($t, sr);
|
|
} else {
|
|
$($t).jqGrid("viewGridRow", sr, pView);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true });
|
|
$("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
tbd = null;
|
|
}
|
|
pDel = pDel || {};
|
|
if (o.del) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.delicon + "'></span>" + o.deltext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.deltitle || "", id: pDel.id || "del_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var dr;
|
|
if ($t.p.multiselect) {
|
|
dr = $t.p.selarrrow;
|
|
if (dr.length === 0) { dr = null; }
|
|
} else {
|
|
dr = $t.p.selrow;
|
|
}
|
|
if (dr) {
|
|
if ($.isFunction(o.delfunc)) {
|
|
o.delfunc.call($t, dr);
|
|
} else {
|
|
$($t).jqGrid("delGridRow", dr, pDel);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true }); $("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
tbd = null;
|
|
}
|
|
if (o.add || o.edit || o.del || o.view) { $("tr", navtbl).append(sep); }
|
|
pSearch = pSearch || {};
|
|
if (o.search) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.searchicon + "'></span>" + o.searchtext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.searchtitle || "", id: pSearch.id || "search_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(o.searchfunc)) {
|
|
o.searchfunc.call($t, pSearch);
|
|
} else {
|
|
$($t).jqGrid("searchGrid", pSearch);
|
|
}
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
if (pSearch.showOnLoad && pSearch.showOnLoad === true) {
|
|
$(tbd, navtbl).click();
|
|
}
|
|
tbd = null;
|
|
}
|
|
if (o.refresh) {
|
|
tbd = $("<td class='ui-pg-button " + commonstyle.cornerall + "'></td>");
|
|
$(tbd).append("<div class='ui-pg-div'><span class='" + commonstyle.icon_base + " " + o.refreshicon + "'></span>" + o.refreshtext + "</div>");
|
|
$("tr", navtbl).append(tbd);
|
|
$(tbd, navtbl)
|
|
.attr({ "title": o.refreshtitle || "", id: "refresh_" + elemids })
|
|
.click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(o.beforeRefresh)) { o.beforeRefresh.call($t); }
|
|
$t.p.search = false;
|
|
$t.p.resetsearch = true;
|
|
try {
|
|
if (o.refreshstate !== 'currentfilter') {
|
|
var gID = $t.p.id;
|
|
$t.p.postData.filters = "";
|
|
try {
|
|
$("#fbox_" + $.jgrid.jqID(gID)).jqFilter('resetFilter');
|
|
} catch (ef) { }
|
|
if ($.isFunction($t.clearToolbar)) { $t.clearToolbar.call($t, false); }
|
|
}
|
|
} catch (e) { }
|
|
switch (o.refreshstate) {
|
|
case 'firstpage':
|
|
$($t).trigger("reloadGrid", [{ page: 1 }]);
|
|
break;
|
|
case 'current':
|
|
case 'currentfilter':
|
|
$($t).trigger("reloadGrid", [{ current: true }]);
|
|
break;
|
|
}
|
|
if ($.isFunction(o.afterRefresh)) { o.afterRefresh.call($t); }
|
|
}
|
|
return false;
|
|
}).hover(onHoverIn, onHoverOut);
|
|
tbd = null;
|
|
}
|
|
tdw = $(".ui-jqgrid").css("font-size") || "11px";
|
|
$('body').append("<div id='testpg2' class='ui-jqgrid " + $.jgrid.styleUI[currstyle].base.entrieBox + "' style='font-size:" + tdw + ";visibility:hidden;' ></div>");
|
|
twd = $(navtbl).clone().appendTo("#testpg2").width();
|
|
$("#testpg2").remove();
|
|
|
|
if ($t.p._nvtd) {
|
|
if (o.dropmenu) {
|
|
navtbl = null;
|
|
$($t).jqGrid('_buildNavMenu', pgid, elemids, p, pEdit, pAdd, pDel, pSearch, pView);
|
|
} else if (twd > $t.p._nvtd[0]) {
|
|
if ($t.p.responsive) {
|
|
navtbl = null;
|
|
$($t).jqGrid('_buildNavMenu', pgid, elemids, p, pEdit, pAdd, pDel, pSearch, pView);
|
|
} else {
|
|
$(pgid + "_" + o.position, pgid).append(navtbl).width(twd);
|
|
}
|
|
$t.p._nvtd[0] = twd;
|
|
} else {
|
|
$(pgid + "_" + o.position, pgid).append(navtbl);
|
|
}
|
|
$t.p._nvtd[1] = twd;
|
|
}
|
|
$t.p.navGrid = true;
|
|
}
|
|
if ($t.p.storeNavOptions) {
|
|
$t.p.navOptions = o;
|
|
$t.p.editOptions = pEdit;
|
|
$t.p.addOptions = pAdd;
|
|
$t.p.delOptions = pDel;
|
|
$t.p.searchOptions = pSearch;
|
|
$t.p.viewOptions = pView;
|
|
$t.p.navButtons = [];
|
|
}
|
|
|
|
});
|
|
},
|
|
navButtonAdd: function (elem, p) {
|
|
var currstyle = this[0].p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].navigator;
|
|
p = $.extend({
|
|
caption: "newButton",
|
|
title: '',
|
|
buttonicon: styles.icon_newbutton_nav,
|
|
onClickButton: null,
|
|
position: "last",
|
|
cursor: 'pointer',
|
|
internal: false
|
|
}, p || {});
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
if (typeof elem === "string" && elem.indexOf("#") !== 0) { elem = "#" + $.jgrid.jqID(elem); }
|
|
var findnav = $(".navtable", elem)[0], $t = this,
|
|
//getstyle = $.jgrid.getMethod("getStyleUI"),
|
|
disabled = $.jgrid.styleUI[currstyle].common.disabled,
|
|
hover = $.jgrid.styleUI[currstyle].common.hover,
|
|
cornerall = $.jgrid.styleUI[currstyle].common.cornerall,
|
|
iconbase = $.jgrid.styleUI[currstyle].common.icon_base;
|
|
|
|
if ($t.p.storeNavOptions && !p.internal) {
|
|
$t.p.navButtons.push([elem, p]);
|
|
}
|
|
|
|
if (findnav) {
|
|
if (p.id && $("#" + $.jgrid.jqID(p.id), findnav)[0] !== undefined) { return; }
|
|
var tbd = $("<td></td>");
|
|
if (p.buttonicon.toString().toUpperCase() === "NONE") {
|
|
$(tbd).addClass('ui-pg-button ' + cornerall).append("<div class='ui-pg-div'>" + p.caption + "</div>");
|
|
} else {
|
|
$(tbd).addClass('ui-pg-button ' + cornerall).append("<div class='ui-pg-div'><span class='" + iconbase + " " + p.buttonicon + "'></span>" + p.caption + "</div>");
|
|
}
|
|
if (p.id) { $(tbd).attr("id", p.id); }
|
|
if (p.position === 'first') {
|
|
if (findnav.rows[0].cells.length === 0) {
|
|
$("tr", findnav).append(tbd);
|
|
} else {
|
|
$("tr td:eq(0)", findnav).before(tbd);
|
|
}
|
|
} else {
|
|
$("tr", findnav).append(tbd);
|
|
}
|
|
$(tbd, findnav)
|
|
.attr("title", p.title || "")
|
|
.click(function (e) {
|
|
if (!$(this).hasClass(disabled)) {
|
|
if ($.isFunction(p.onClickButton)) { p.onClickButton.call($t, e); }
|
|
}
|
|
return false;
|
|
})
|
|
.hover(
|
|
function () {
|
|
if (!$(this).hasClass(disabled)) {
|
|
$(this).addClass(hover);
|
|
}
|
|
},
|
|
function () { $(this).removeClass(hover); }
|
|
);
|
|
} else {
|
|
findnav = $(".dropdownmenu", elem)[0];
|
|
if (findnav) {
|
|
var id = $(findnav).val(),
|
|
eid = p.id || $.jgrid.randId(),
|
|
item = $('<li class="ui-menu-item" role="presentation"><a class="' + cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.caption || p.title) + '</a></li>');
|
|
if (id) {
|
|
if (p.position === 'first') {
|
|
$("#" + id).prepend(item);
|
|
} else {
|
|
$("#" + id).append(item);
|
|
}
|
|
$(item).on("click", function (e) {
|
|
if (!$(this).hasClass(disabled)) {
|
|
$("#" + id).hide();
|
|
if ($.isFunction(p.onClickButton)) {
|
|
p.onClickButton.call($t, e);
|
|
}
|
|
}
|
|
return false;
|
|
}).find("a")
|
|
.hover(
|
|
function () {
|
|
if (!$(this).hasClass(disabled)) {
|
|
$(this).addClass(hover);
|
|
}
|
|
},
|
|
function () { $(this).removeClass(hover); }
|
|
);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
navSeparatorAdd: function (elem, p) {
|
|
var currstyle = this[0].p.styleUI,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common;
|
|
p = $.extend({
|
|
sepclass: "ui-separator",
|
|
sepcontent: '',
|
|
position: "last"
|
|
}, p || {});
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
if (typeof elem === "string" && elem.indexOf("#") !== 0) { elem = "#" + $.jgrid.jqID(elem); }
|
|
var findnav = $(".navtable", elem)[0], sep, id;
|
|
if (this.p.storeNavOptions) {
|
|
this.p.navButtons.push([elem, p]);
|
|
}
|
|
|
|
if (findnav) {
|
|
sep = "<td class='ui-pg-button " + commonstyle.disabled + "' style='width:4px;'><span class='" + p.sepclass + "'></span>" + p.sepcontent + "</td>";
|
|
if (p.position === 'first') {
|
|
if (findnav.rows[0].cells.length === 0) {
|
|
$("tr", findnav).append(sep);
|
|
} else {
|
|
$("tr td:eq(0)", findnav).before(sep);
|
|
}
|
|
} else {
|
|
$("tr", findnav).append(sep);
|
|
}
|
|
} else {
|
|
findnav = $(".dropdownmenu", elem)[0];
|
|
sep = "<li class='ui-menu-item " + commonstyle.disabled + "' style='width:100%' role='presentation'><hr class='ui-separator-li'></li>";
|
|
if (findnav) {
|
|
id = $(findnav).val();
|
|
if (id) {
|
|
if (p.position === "first") {
|
|
$("#" + id).prepend(sep);
|
|
} else {
|
|
$("#" + id).append(sep);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
_buildNavMenu: function (elem, elemids, p, pEdit, pAdd, pDel, pSearch, pView) {
|
|
return this.each(function () {
|
|
var $t = this,
|
|
//actions = ['add','edit', 'del', 'view', 'search','refresh'],
|
|
regional = $.jgrid.getRegional($t, 'nav'),
|
|
currstyle = $t.p.styleUI,
|
|
styles = $.jgrid.styleUI[currstyle].navigator,
|
|
classes = $.jgrid.styleUI[currstyle].filter,
|
|
commonstyle = $.jgrid.styleUI[currstyle].common,
|
|
mid = "form_menu_" + $.jgrid.randId(),
|
|
bt = p.navButtonText ? p.navButtonText : regional.selectcaption || 'Actions',
|
|
act = "<button class='dropdownmenu " + commonstyle.button + "' value='" + mid + "'>" + bt + "</button>";
|
|
$(elem + "_" + p.position, elem).append(act);
|
|
var alertIDs = { themodal: 'alertmod_' + this.p.id, modalhead: 'alerthd_' + this.p.id, modalcontent: 'alertcnt_' + this.p.id },
|
|
_buildMenu = function () {
|
|
var fs = $('.ui-jqgrid-view').css('font-size') || '11px',
|
|
eid, itm,
|
|
str = $('<ul id="' + mid + '" class="ui-nav-menu modal-content" role="menu" tabindex="0" style="display:none;font-size:' + fs + '"></ul>');
|
|
if (p.add) {
|
|
pAdd = pAdd || {};
|
|
eid = pAdd.id || "add_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.addtext || p.addtitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(p.addfunc)) {
|
|
p.addfunc.call($t);
|
|
} else {
|
|
$($t).jqGrid("editGridRow", "new", pAdd);
|
|
}
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
}
|
|
if (p.edit) {
|
|
pEdit = pEdit || {};
|
|
eid = pEdit.id || "edit_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.edittext || p.edittitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var sr = $t.p.selrow;
|
|
if (sr) {
|
|
if ($.isFunction(p.editfunc)) {
|
|
p.editfunc.call($t, sr);
|
|
} else {
|
|
$($t).jqGrid("editGridRow", sr, pEdit);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true });
|
|
$("#jqg_alrt").focus();
|
|
}
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
}
|
|
if (p.view) {
|
|
pView = pView || {};
|
|
eid = pView.id || "view_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.viewtext || p.viewtitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var sr = $t.p.selrow;
|
|
if (sr) {
|
|
if ($.isFunction(p.editfunc)) {
|
|
p.viewfunc.call($t, sr);
|
|
} else {
|
|
$($t).jqGrid("viewGridRow", sr, pView);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true });
|
|
$("#jqg_alrt").focus();
|
|
}
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
}
|
|
if (p.del) {
|
|
pDel = pDel || {};
|
|
eid = pDel.id || "del_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.deltext || p.deltitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
var dr;
|
|
if ($t.p.multiselect) {
|
|
dr = $t.p.selarrrow;
|
|
if (dr.length === 0) { dr = null; }
|
|
} else {
|
|
dr = $t.p.selrow;
|
|
}
|
|
if (dr) {
|
|
if ($.isFunction(p.delfunc)) {
|
|
p.delfunc.call($t, dr);
|
|
} else {
|
|
$($t).jqGrid("delGridRow", dr, pDel);
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#" + alertIDs.themodal, { gbox: "#gbox_" + $.jgrid.jqID($t.p.id), jqm: true }); $("#jqg_alrt").focus();
|
|
}
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
}
|
|
if (p.add || p.edit || p.del || p.view) {
|
|
$(str).append("<li class='ui-menu-item " + commonstyle.disabled + "' style='width:100%' role='presentation'><hr class='ui-separator-li'></li>");
|
|
}
|
|
if (p.search) {
|
|
pSearch = pSearch || {};
|
|
eid = pSearch.id || "search_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.searchtext || p.searchtitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(p.searchfunc)) {
|
|
p.searchfunc.call($t, pSearch);
|
|
} else {
|
|
$($t).jqGrid("searchGrid", pSearch);
|
|
}
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
if (pSearch.showOnLoad && pSearch.showOnLoad === true) {
|
|
$(itm).click();
|
|
}
|
|
}
|
|
if (p.refresh) {
|
|
eid = pSearch.id || "search_" + elemids;
|
|
itm = $('<li class="ui-menu-item" role="presentation"><a class="' + commonstyle.cornerall + ' g-menu-item" tabindex="0" role="menuitem" id="' + eid + '">' + (p.refreshtext || p.refreshtitle) + '</a></li>').click(function () {
|
|
if (!$(this).hasClass(commonstyle.disabled)) {
|
|
if ($.isFunction(p.beforeRefresh)) { p.beforeRefresh.call($t); }
|
|
$t.p.search = false;
|
|
$t.p.resetsearch = true;
|
|
try {
|
|
if (p.refreshstate !== 'currentfilter') {
|
|
var gID = $t.p.id;
|
|
$t.p.postData.filters = "";
|
|
try {
|
|
$("#fbox_" + $.jgrid.jqID(gID)).jqFilter('resetFilter');
|
|
} catch (ef) { }
|
|
if ($.isFunction($t.clearToolbar)) { $t.clearToolbar.call($t, false); }
|
|
}
|
|
} catch (e) { }
|
|
switch (p.refreshstate) {
|
|
case 'firstpage':
|
|
$($t).trigger("reloadGrid", [{ page: 1 }]);
|
|
break;
|
|
case 'current':
|
|
case 'currentfilter':
|
|
$($t).trigger("reloadGrid", [{ current: true }]);
|
|
break;
|
|
}
|
|
if ($.isFunction(p.afterRefresh)) { p.afterRefresh.call($t); }
|
|
$(str).hide();
|
|
}
|
|
return false;
|
|
});
|
|
$(str).append(itm);
|
|
}
|
|
$(str).hide();
|
|
$('body').append(str);
|
|
$("#" + mid).addClass("ui-menu " + classes.menu_widget);
|
|
$("#" + mid + " > li > a").hover(
|
|
function () { $(this).addClass(commonstyle.hover); },
|
|
function () { $(this).removeClass(commonstyle.hover); }
|
|
);
|
|
};
|
|
_buildMenu();
|
|
$(".dropdownmenu", elem + "_" + p.position).on("click", function (e) {
|
|
var offset = $(this).offset(),
|
|
left = (offset.left),
|
|
top = parseInt(offset.top),
|
|
bid = $(this).val();
|
|
//if( $("#"+mid)[0] === undefined) {
|
|
//_buildMenu();
|
|
//}
|
|
$("#" + bid).show().css({ "top": top - ($("#" + bid).height() + 10) + "px", "left": left + "px" });
|
|
e.stopPropagation();
|
|
});
|
|
$("body").on('click', function (e) {
|
|
if (!$(e.target).hasClass("dropdownmenu")) {
|
|
$("#" + mid).hide();
|
|
}
|
|
});
|
|
});
|
|
},
|
|
GridToForm: function (rowid, formid) {
|
|
return this.each(function () {
|
|
var $t = this, i;
|
|
if (!$t.grid) { return; }
|
|
var rowdata = $($t).jqGrid("getRowData", rowid);
|
|
if (rowdata) {
|
|
for (i in rowdata) {
|
|
if (rowdata.hasOwnProperty(i)) {
|
|
if ($("[name=" + $.jgrid.jqID(i) + "]", formid).is("input:radio") || $("[name=" + $.jgrid.jqID(i) + "]", formid).is("input:checkbox")) {
|
|
$("[name=" + $.jgrid.jqID(i) + "]", formid).each(function () {
|
|
if ($(this).val() == rowdata[i]) {
|
|
$(this)[$t.p.useProp ? 'prop' : 'attr']("checked", true);
|
|
} else {
|
|
$(this)[$t.p.useProp ? 'prop' : 'attr']("checked", false);
|
|
}
|
|
});
|
|
} else {
|
|
// this is very slow on big table and form.
|
|
$("[name=" + $.jgrid.jqID(i) + "]", formid).val(rowdata[i]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
FormToGrid: function (rowid, formid, mode, position) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
if (!mode) { mode = 'set'; }
|
|
if (!position) { position = 'first'; }
|
|
var fields = $(formid).serializeArray();
|
|
var griddata = {};
|
|
$.each(fields, function (i, field) {
|
|
griddata[field.name] = field.value;
|
|
});
|
|
if (mode === 'add') { $($t).jqGrid("addRowData", rowid, griddata, position); }
|
|
else if (mode === 'set') { $($t).jqGrid("setRowData", rowid, griddata); }
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid.extend({
|
|
groupingSetup: function () {
|
|
return this.each(function () {
|
|
var $t = this, i, j, cml, cm = $t.p.colModel, grp = $t.p.groupingView,
|
|
classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].grouping;
|
|
if (grp !== null && ((typeof grp === 'object') || $.isFunction(grp))) {
|
|
if (!grp.plusicon) { grp.plusicon = classes.icon_plus; }
|
|
if (!grp.minusicon) { grp.minusicon = classes.icon_minus; }
|
|
if (!grp.groupField.length) {
|
|
$t.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';
|
|
}
|
|
if (grp.groupColumnShow[i] === true) {
|
|
grp.visibiltyOnNextGrouping[i] = true;
|
|
$($t).jqGrid('showCol', grp.groupField[i]);
|
|
} else {
|
|
grp.visibiltyOnNextGrouping[i] = $("#" + $.jgrid.jqID($t.p.id + "_" + grp.groupField[i])).is(":visible");
|
|
$($t).jqGrid('hideCol', grp.groupField[i]);
|
|
}
|
|
}
|
|
grp.summary = [];
|
|
if (grp.hideFirstGroupCol) {
|
|
if ($.isArray(grp.formatDisplayField) && !$.isFunction(grp.formatDisplayField[0])) {
|
|
grp.formatDisplayField[0] = function (v) { return v; };
|
|
}
|
|
}
|
|
for (j = 0, cml = cm.length; j < cml; j++) {
|
|
if (grp.hideFirstGroupCol) {
|
|
if (!cm[j].hidden && grp.groupField[0] === cm[j].name) {
|
|
cm[j].formatter = function () { return ''; };
|
|
}
|
|
}
|
|
if (cm[j].summaryType) {
|
|
if (cm[j].summaryDivider) {
|
|
grp.summary.push({ nm: cm[j].name, st: cm[j].summaryType, v: '', sd: cm[j].summaryDivider, vd: '', sr: cm[j].summaryRound, srt: cm[j].summaryRoundType || 'round' });
|
|
} else {
|
|
grp.summary.push({ nm: cm[j].name, st: cm[j].summaryType, v: '', sr: cm[j].summaryRound, srt: cm[j].summaryRoundType || 'round' });
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
$t.p.grouping = false;
|
|
}
|
|
});
|
|
},
|
|
groupingPrepare: function (record, irow) {
|
|
this.each(function () {
|
|
var grp = this.p.groupingView, $t = this, i,
|
|
sumGroups = function () {
|
|
if ($.isFunction(this.st)) {
|
|
this.v = this.st.call($t, this.v, this.nm, record);
|
|
} else {
|
|
this.v = $($t).jqGrid('groupingCalculations.handler', this.st, this.v, this.nm, this.sr, this.srt, record);
|
|
if (this.st.toLowerCase() === 'avg' && this.sd) {
|
|
this.vd = $($t).jqGrid('groupingCalculations.handler', this.st, this.vd, this.sd, this.sr, this.srt, record);
|
|
}
|
|
}
|
|
},
|
|
grlen = grp.groupField.length,
|
|
fieldName,
|
|
v,
|
|
displayName,
|
|
displayValue,
|
|
changed = 0;
|
|
for (i = 0; i < grlen; i++) {
|
|
fieldName = grp.groupField[i];
|
|
displayName = grp.displayField[i];
|
|
v = record[fieldName];
|
|
displayValue = displayName == null ? null : record[displayName];
|
|
|
|
if (displayValue == null) {
|
|
displayValue = v;
|
|
}
|
|
if (v !== undefined) {
|
|
if (irow === 0) {
|
|
// First record always starts a new group
|
|
grp.groups.push({ idx: i, dataIndex: fieldName, value: v, displayValue: displayValue, startRow: irow, cnt: 1, summary: [] });
|
|
grp.lastvalues[i] = v;
|
|
grp.counters[i] = { cnt: 1, pos: grp.groups.length - 1, summary: $.extend(true, [], grp.summary) };
|
|
$.each(grp.counters[i].summary, sumGroups);
|
|
grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
|
|
} else {
|
|
if (typeof v !== "object" && ($.isArray(grp.isInTheSameGroup) && $.isFunction(grp.isInTheSameGroup[i]) ? !grp.isInTheSameGroup[i].call($t, grp.lastvalues[i], v, i, grp) : grp.lastvalues[i] !== v)) {
|
|
// This record is not in same group as previous one
|
|
grp.groups.push({ idx: i, dataIndex: fieldName, value: v, displayValue: displayValue, startRow: irow, cnt: 1, summary: [] });
|
|
grp.lastvalues[i] = v;
|
|
changed = 1;
|
|
grp.counters[i] = { cnt: 1, pos: grp.groups.length - 1, summary: $.extend(true, [], grp.summary) };
|
|
$.each(grp.counters[i].summary, sumGroups);
|
|
grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
|
|
} else {
|
|
if (changed === 1) {
|
|
// This group has changed because an earlier group changed.
|
|
grp.groups.push({ idx: i, dataIndex: fieldName, value: v, displayValue: displayValue, startRow: irow, cnt: 1, summary: [] });
|
|
grp.lastvalues[i] = v;
|
|
grp.counters[i] = { cnt: 1, pos: grp.groups.length - 1, summary: $.extend(true, [], grp.summary) };
|
|
$.each(grp.counters[i].summary, sumGroups);
|
|
grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
|
|
} else {
|
|
grp.counters[i].cnt += 1;
|
|
grp.groups[grp.counters[i].pos].cnt = grp.counters[i].cnt;
|
|
$.each(grp.counters[i].summary, sumGroups);
|
|
grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//gdata.push( rData );
|
|
});
|
|
return this;
|
|
},
|
|
groupingToggle: function (hid) {
|
|
this.each(function () {
|
|
var $t = this,
|
|
grp = $t.p.groupingView,
|
|
strpos = hid.split('_'),
|
|
num = parseInt(strpos[strpos.length - 2], 10);
|
|
strpos.splice(strpos.length - 2, 2);
|
|
var uid = strpos.join("_"),
|
|
minus = grp.minusicon,
|
|
plus = grp.plusicon,
|
|
tar = $("#" + $.jgrid.jqID(hid)),
|
|
r = tar.length ? tar[0].nextSibling : null,
|
|
tarspan = $("#" + $.jgrid.jqID(hid) + " span." + "tree-wrap-" + $t.p.direction),
|
|
getGroupingLevelFromClass = function (className) {
|
|
var nums = $.map(className.split(" "), function (item) {
|
|
if (item.substring(0, uid.length + 1) === uid + "_") {
|
|
return parseInt(item.substring(uid.length + 1), 10);
|
|
}
|
|
});
|
|
return nums.length > 0 ? nums[0] : undefined;
|
|
},
|
|
itemGroupingLevel,
|
|
showData,
|
|
collapsed = false,
|
|
skip = false,
|
|
frz = $t.p.frozenColumns ? $t.p.id + "_frozen" : false,
|
|
tar2 = frz ? $("#" + $.jgrid.jqID(hid), "#" + $.jgrid.jqID(frz)) : false,
|
|
r2 = (tar2 && tar2.length) ? tar2[0].nextSibling : null;
|
|
if (tarspan.hasClass(minus)) {
|
|
if (r) {
|
|
while (r) {
|
|
itemGroupingLevel = getGroupingLevelFromClass(r.className);
|
|
if (itemGroupingLevel !== undefined && itemGroupingLevel <= num) {
|
|
break;
|
|
}
|
|
$(r).hide();
|
|
r = r.nextSibling;
|
|
if (frz) {
|
|
$(r2).hide();
|
|
r2 = r2.nextSibling;
|
|
}
|
|
}
|
|
}
|
|
tarspan.removeClass(minus).addClass(plus);
|
|
collapsed = true;
|
|
} else {
|
|
if (r) {
|
|
showData = undefined;
|
|
while (r) {
|
|
itemGroupingLevel = getGroupingLevelFromClass(r.className);
|
|
if (showData === undefined) {
|
|
showData = itemGroupingLevel === undefined; // if the first row after the opening group is data row then show the data rows
|
|
}
|
|
skip = $(r).hasClass("ui-subgrid") && $(r).hasClass("ui-sg-collapsed");
|
|
if (itemGroupingLevel !== undefined) {
|
|
if (itemGroupingLevel <= num) {
|
|
break;// next item of the same lever are found
|
|
}
|
|
if (itemGroupingLevel === num + 1) {
|
|
if (!skip) {
|
|
$(r).show().find(">td>span." + "tree-wrap-" + $t.p.direction).removeClass(minus).addClass(plus);
|
|
if (frz) {
|
|
$(r2).show().find(">td>span." + "tree-wrap-" + $t.p.direction).removeClass(minus).addClass(plus);
|
|
}
|
|
}
|
|
}
|
|
} else if (showData) {
|
|
if (!skip) {
|
|
$(r).show();
|
|
if (frz) {
|
|
$(r2).show();
|
|
}
|
|
}
|
|
}
|
|
r = r.nextSibling;
|
|
if (frz) {
|
|
r2 = r2.nextSibling;
|
|
}
|
|
}
|
|
}
|
|
tarspan.removeClass(plus).addClass(minus);
|
|
}
|
|
$($t).triggerHandler("jqGridGroupingClickGroup", [hid, collapsed]);
|
|
if ($.isFunction($t.p.onClickGroup)) { $t.p.onClickGroup.call($t, hid, collapsed); }
|
|
|
|
});
|
|
return false;
|
|
},
|
|
groupingRender: function (grdata, colspans, page, rn) {
|
|
return this.each(function () {
|
|
var $t = this,
|
|
grp = $t.p.groupingView,
|
|
str = "", icon = "", hid, clid, pmrtl = grp.groupCollapse ? grp.plusicon : grp.minusicon, gv, cp = [], len = grp.groupField.length,
|
|
//classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')]['grouping'],
|
|
common = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].common;
|
|
|
|
pmrtl = pmrtl + " tree-wrap-" + $t.p.direction;
|
|
$.each($t.p.colModel, function (i, n) {
|
|
var ii;
|
|
for (ii = 0; ii < len; ii++) {
|
|
if (grp.groupField[ii] === n.name) {
|
|
cp[ii] = i;
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
var toEnd = 0;
|
|
function findGroupIdx(ind, offset, grp) {
|
|
var ret = false, i;
|
|
if (offset === 0) {
|
|
ret = grp[ind];
|
|
} else {
|
|
var id = grp[ind].idx;
|
|
if (id === 0) {
|
|
ret = grp[ind];
|
|
} else {
|
|
for (i = ind; i >= 0; i--) {
|
|
if (grp[i].idx === id - offset) {
|
|
ret = grp[i];
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return ret;
|
|
}
|
|
function buildSummaryTd(i, ik, grp, foffset) {
|
|
var fdata = findGroupIdx(i, ik, grp),
|
|
cm = $t.p.colModel,
|
|
vv, grlen = fdata.cnt, str = "", k;
|
|
for (k = foffset; k < colspans; k++) {
|
|
var tmpdata = "<td " + $t.formatCol(k, 1, '') + "> </td>",
|
|
tplfld = "{0}";
|
|
$.each(fdata.summary, function () {
|
|
if (this.nm === cm[k].name) {
|
|
if (cm[k].summaryTpl) {
|
|
tplfld = cm[k].summaryTpl;
|
|
}
|
|
if (typeof this.st === 'string' && this.st.toLowerCase() === 'avg') {
|
|
if (this.sd && this.vd) {
|
|
this.v = (this.v / this.vd);
|
|
} else if (this.v && grlen > 0) {
|
|
this.v = (this.v / grlen);
|
|
}
|
|
}
|
|
try {
|
|
this.groupCount = fdata.cnt;
|
|
this.groupIndex = fdata.dataIndex;
|
|
this.groupValue = fdata.value;
|
|
vv = $t.formatter('', this.v, k, this);
|
|
} catch (ef) {
|
|
vv = this.v;
|
|
}
|
|
tmpdata = "<td " + $t.formatCol(k, 1, '') + ">" + $.jgrid.template(tplfld, vv) + "</td>";
|
|
return false;
|
|
}
|
|
});
|
|
str += tmpdata;
|
|
}
|
|
return str;
|
|
}
|
|
var sumreverse = $.makeArray(grp.groupSummary), mul;
|
|
sumreverse.reverse();
|
|
mul = $t.p.multiselect ? " colspan=\"2\"" : "";
|
|
$.each(grp.groups, function (i, n) {
|
|
if (grp._locgr) {
|
|
if (!(n.startRow + n.cnt > (page - 1) * rn && n.startRow < page * rn)) {
|
|
return true;
|
|
}
|
|
}
|
|
toEnd++;
|
|
clid = $t.p.id + "ghead_" + n.idx;
|
|
hid = clid + "_" + i;
|
|
icon = "<span style='cursor:pointer;margin-right:8px;margin-left:5px;' class='" + common.icon_base + " " + pmrtl + "' onclick=\"jQuery('#" + $.jgrid.jqID($t.p.id) + "').jqGrid('groupingToggle','" + hid + "');return false;\"></span>";
|
|
try {
|
|
if ($.isArray(grp.formatDisplayField) && $.isFunction(grp.formatDisplayField[n.idx])) {
|
|
n.displayValue = grp.formatDisplayField[n.idx].call($t, n.displayValue, n.value, $t.p.colModel[cp[n.idx]], n.idx, grp);
|
|
gv = n.displayValue;
|
|
} else {
|
|
gv = $t.formatter(hid, n.displayValue, cp[n.idx], n.value);
|
|
}
|
|
} catch (egv) {
|
|
gv = n.displayValue;
|
|
}
|
|
var grpTextStr = '';
|
|
if ($.isFunction(grp.groupText[n.idx])) {
|
|
grpTextStr = grp.groupText[n.idx].call($t, gv, n.cnt, n.summary);
|
|
} else {
|
|
grpTextStr = $.jgrid.template(grp.groupText[n.idx], gv, n.cnt, n.summary);
|
|
}
|
|
if (!(typeof grpTextStr === 'string' || typeof grpTextStr === 'number')) {
|
|
grpTextStr = gv;
|
|
}
|
|
if (grp.groupSummaryPos[n.idx] === 'header') {
|
|
str += "<tr id=\"" + hid + "\"" + (grp.groupCollapse && n.idx > 0 ? " style=\"display:none;\" " : " ") + "role=\"row\" class= \"" + common.content + " jqgroup ui-row-" + $t.p.direction + " " + clid + "\"><td style=\"padding-left:" + (n.idx * 12) + "px;" + "\"" + mul + ">" + icon + grpTextStr + "</td>";
|
|
str += buildSummaryTd(i, 0, grp.groups, grp.groupColumnShow[n.idx] === false ? (mul === "" ? 2 : 3) : ((mul === "") ? 1 : 2));
|
|
str += "</tr>";
|
|
} else {
|
|
str += "<tr id=\"" + hid + "\"" + (grp.groupCollapse && n.idx > 0 ? " style=\"display:none;\" " : " ") + "role=\"row\" class= \"" + common.content + " jqgroup ui-row-" + $t.p.direction + " " + clid + "\"><td style=\"padding-left:" + (n.idx * 12) + "px;" + "\" colspan=\"" + (grp.groupColumnShow[n.idx] === false ? colspans - 1 : colspans) + "\">" + icon + grpTextStr + "</td></tr>";
|
|
}
|
|
var leaf = len - 1 === n.idx;
|
|
if (leaf) {
|
|
var gg = grp.groups[i + 1], kk, ik, offset = 0, sgr = n.startRow,
|
|
end = gg !== undefined ? gg.startRow : grp.groups[i].startRow + grp.groups[i].cnt;
|
|
if (grp._locgr) {
|
|
offset = (page - 1) * rn;
|
|
if (offset > n.startRow) {
|
|
sgr = offset;
|
|
}
|
|
}
|
|
for (kk = sgr; kk < end; kk++) {
|
|
if (!grdata[kk - offset]) { break; }
|
|
str += grdata[kk - offset].join('');
|
|
}
|
|
if (grp.groupSummaryPos[n.idx] !== 'header') {
|
|
var jj;
|
|
if (gg !== undefined) {
|
|
for (jj = 0; jj < grp.groupField.length; jj++) {
|
|
if (gg.dataIndex === grp.groupField[jj]) {
|
|
break;
|
|
}
|
|
}
|
|
toEnd = grp.groupField.length - jj;
|
|
}
|
|
for (ik = 0; ik < toEnd; ik++) {
|
|
if (!sumreverse[ik]) { continue; }
|
|
var hhdr = "";
|
|
if (grp.groupCollapse && !grp.showSummaryOnHide) {
|
|
hhdr = " style=\"display:none;\"";
|
|
}
|
|
str += "<tr" + hhdr + " jqfootlevel=\"" + (n.idx - ik) + "\" role=\"row\" class=\"" + common.content + " jqfoot ui-row-" + $t.p.direction + "\">";
|
|
str += buildSummaryTd(i, ik, grp.groups, 0);
|
|
str += "</tr>";
|
|
}
|
|
toEnd = jj;
|
|
}
|
|
}
|
|
});
|
|
$("#" + $.jgrid.jqID($t.p.id) + " tbody:first").append(str);
|
|
// free up memory
|
|
str = null;
|
|
});
|
|
},
|
|
groupingGroupBy: function (name, options) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (typeof name === "string") {
|
|
name = [name];
|
|
}
|
|
var grp = $t.p.groupingView;
|
|
$t.p.grouping = true;
|
|
grp._locgr = false;
|
|
//Set default, in case visibilityOnNextGrouping is undefined
|
|
if (grp.visibiltyOnNextGrouping === undefined) {
|
|
grp.visibiltyOnNextGrouping = [];
|
|
}
|
|
var i;
|
|
// show previous hidden groups if they are hidden and weren't removed yet
|
|
for (i = 0; i < grp.groupField.length; i++) {
|
|
if (!grp.groupColumnShow[i] && grp.visibiltyOnNextGrouping[i]) {
|
|
$($t).jqGrid('showCol', grp.groupField[i]);
|
|
}
|
|
}
|
|
// set visibility status of current group columns on next grouping
|
|
for (i = 0; i < name.length; i++) {
|
|
grp.visibiltyOnNextGrouping[i] = $("#" + $.jgrid.jqID($t.p.id) + "_" + $.jgrid.jqID(name[i])).is(":visible");
|
|
}
|
|
$t.p.groupingView = $.extend($t.p.groupingView, options || {});
|
|
grp.groupField = name;
|
|
$($t).trigger("reloadGrid");
|
|
});
|
|
},
|
|
groupingRemove: function (current) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (current === undefined) {
|
|
current = true;
|
|
}
|
|
$t.p.grouping = false;
|
|
if (current === true) {
|
|
var grp = $t.p.groupingView, i;
|
|
// show previous hidden groups if they are hidden and weren't removed yet
|
|
for (i = 0; i < grp.groupField.length; i++) {
|
|
if (!grp.groupColumnShow[i] && grp.visibiltyOnNextGrouping[i]) {
|
|
$($t).jqGrid('showCol', grp.groupField);
|
|
}
|
|
}
|
|
$("tr.jqgroup, tr.jqfoot", "#" + $.jgrid.jqID($t.p.id) + " tbody:first").remove();
|
|
$("tr.jqgrow:hidden", "#" + $.jgrid.jqID($t.p.id) + " tbody:first").show();
|
|
} else {
|
|
$($t).trigger("reloadGrid");
|
|
}
|
|
});
|
|
},
|
|
groupingCalculations: {
|
|
handler: function (fn, v, field, round, roundType, rc) {
|
|
var funcs = {
|
|
sum: function () {
|
|
return parseFloat(v || 0) + parseFloat((rc[field] || 0));
|
|
},
|
|
|
|
min: function () {
|
|
if (v === "") {
|
|
return parseFloat(rc[field] || 0);
|
|
}
|
|
return Math.min(parseFloat(v), parseFloat(rc[field] || 0));
|
|
},
|
|
|
|
max: function () {
|
|
if (v === "") {
|
|
return parseFloat(rc[field] || 0);
|
|
}
|
|
return Math.max(parseFloat(v), parseFloat(rc[field] || 0));
|
|
},
|
|
|
|
count: function () {
|
|
if (v === "") { v = 0; }
|
|
if (rc.hasOwnProperty(field)) {
|
|
return v + 1;
|
|
}
|
|
return 0;
|
|
},
|
|
|
|
avg: function () {
|
|
// the same as sum, but at end we divide it
|
|
// so use sum instead of duplicating the code (?)
|
|
return funcs.sum();
|
|
}
|
|
};
|
|
|
|
if (!funcs[fn]) {
|
|
throw ("jqGrid Grouping No such method: " + fn);
|
|
}
|
|
var res = funcs[fn]();
|
|
|
|
if (round != null) {
|
|
if (roundType === 'fixed') {
|
|
res = res.toFixed(round);
|
|
} else {
|
|
var mul = Math.pow(10, round);
|
|
res = Math.round(res * mul) / mul;
|
|
}
|
|
}
|
|
|
|
return res;
|
|
}
|
|
},
|
|
setGroupHeaders: function (o) {
|
|
o = $.extend({
|
|
useColSpanStyle: false,
|
|
groupHeaders: []
|
|
}, o || {});
|
|
return this.each(function () {
|
|
var ts = this,
|
|
i, cmi, skip = 0, $tr, $colHeader, th, $th, thStyle,
|
|
iCol,
|
|
cghi,
|
|
//startColumnName,
|
|
numberOfColumns,
|
|
titleText,
|
|
cVisibleColumns,
|
|
className,
|
|
colModel = ts.p.colModel,
|
|
cml = colModel.length,
|
|
ths = ts.grid.headers,
|
|
$htable = $("table.ui-jqgrid-htable", ts.grid.hDiv),
|
|
$trLabels = $htable.children("thead").children("tr.ui-jqgrid-labels:last").addClass("jqg-second-row-header"),
|
|
$thead = $htable.children("thead"),
|
|
$theadInTable,
|
|
$firstHeaderRow = $htable.find(".jqg-first-row-header"),
|
|
//classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')]['grouping'],
|
|
base = $.jgrid.styleUI[(ts.p.styleUI || 'jQueryUI')].base;
|
|
if (!ts.p.groupHeader) {
|
|
ts.p.groupHeader = [];
|
|
}
|
|
ts.p.groupHeader.push(o);
|
|
if ($firstHeaderRow[0] === undefined) {
|
|
$firstHeaderRow = $('<tr>', { role: "row", "aria-hidden": "true" }).addClass("jqg-first-row-header").css("height", "auto");
|
|
} else {
|
|
$firstHeaderRow.empty();
|
|
}
|
|
var $firstRow,
|
|
inColumnHeader = function (text, columnHeaders) {
|
|
var length = columnHeaders.length, i;
|
|
for (i = 0; i < length; i++) {
|
|
if (columnHeaders[i].startColumnName === text) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
};
|
|
|
|
$(ts).prepend($thead);
|
|
$tr = $('<tr>', { role: "row" }).addClass("ui-jqgrid-labels jqg-third-row-header");
|
|
for (i = 0; i < cml; i++) {
|
|
th = ths[i].el;
|
|
$th = $(th);
|
|
cmi = colModel[i];
|
|
// build the next cell for the first header row
|
|
thStyle = { height: '0px', width: ths[i].width + 'px', display: (cmi.hidden ? 'none' : '') };
|
|
$("<th>", { role: 'gridcell' }).css(thStyle).addClass("ui-first-th-" + ts.p.direction).appendTo($firstHeaderRow);
|
|
|
|
th.style.width = ""; // remove unneeded style
|
|
iCol = inColumnHeader(cmi.name, o.groupHeaders);
|
|
if (iCol >= 0) {
|
|
cghi = o.groupHeaders[iCol];
|
|
numberOfColumns = cghi.numberOfColumns;
|
|
titleText = cghi.titleText;
|
|
className = cghi.className || "";
|
|
// caclulate the number of visible columns from the next numberOfColumns columns
|
|
for (cVisibleColumns = 0, iCol = 0; iCol < numberOfColumns && (i + iCol < cml) ; iCol++) {
|
|
if (!colModel[i + iCol].hidden) {
|
|
cVisibleColumns++;
|
|
}
|
|
}
|
|
|
|
// The next numberOfColumns headers will be moved in the next row
|
|
// in the current row will be placed the new column header with the titleText.
|
|
// The text will be over the cVisibleColumns columns
|
|
$colHeader = $('<th>').attr({ role: "columnheader" })
|
|
.addClass(base.headerBox + " ui-th-column-header ui-th-" + ts.p.direction + " " + className)
|
|
//.css({'height':'22px', 'border-top': '0 none'})
|
|
.html(titleText);
|
|
if (cVisibleColumns > 0) {
|
|
$colHeader.attr("colspan", String(cVisibleColumns));
|
|
}
|
|
if (ts.p.headertitles) {
|
|
$colHeader.attr("title", $colHeader.text());
|
|
}
|
|
// hide if not a visible cols
|
|
if (cVisibleColumns === 0) {
|
|
$colHeader.hide();
|
|
}
|
|
|
|
$th.before($colHeader); // insert new column header before the current
|
|
$tr.append(th); // move the current header in the next row
|
|
|
|
// set the coumter of headers which will be moved in the next row
|
|
skip = numberOfColumns - 1;
|
|
} else {
|
|
if (skip === 0) {
|
|
if (o.useColSpanStyle) {
|
|
// expand the header height to two rows
|
|
$th.attr("rowspan", "2");
|
|
} else {
|
|
$('<th>', { role: "columnheader" })
|
|
.addClass(base.headerBox + " ui-th-column-header ui-th-" + ts.p.direction)
|
|
.css({ "display": cmi.hidden ? 'none' : '' })
|
|
.insertBefore($th);
|
|
$tr.append(th);
|
|
}
|
|
} else {
|
|
// move the header to the next row
|
|
//$th.css({"padding-top": "2px", height: "19px"});
|
|
$tr.append(th);
|
|
skip--;
|
|
}
|
|
}
|
|
}
|
|
$theadInTable = $(ts).children("thead");
|
|
$theadInTable.prepend($firstHeaderRow);
|
|
$tr.insertAfter($trLabels);
|
|
$htable.append($theadInTable);
|
|
|
|
if (o.useColSpanStyle) {
|
|
// Increase the height of resizing span of visible headers
|
|
$htable.find("span.ui-jqgrid-resize").each(function () {
|
|
var $parent = $(this).parent();
|
|
if ($parent.is(":visible")) {
|
|
this.style.cssText = 'height: ' + $parent.height() + 'px !important; cursor: col-resize;';
|
|
}
|
|
});
|
|
|
|
// Set position of the sortable div (the main lable)
|
|
// with the column header text to the middle of the cell.
|
|
// One should not do this for hidden headers.
|
|
$htable.find("div.ui-jqgrid-sortable").each(function () {
|
|
var $ts = $(this), $parent = $ts.parent();
|
|
if ($parent.is(":visible") && $parent.is(":has(span.ui-jqgrid-resize)")) {
|
|
// minus 4px from the margins of the resize markers
|
|
$ts.css('top', ($parent.height() - $ts.outerHeight()) / 2 - 4 + 'px');
|
|
}
|
|
});
|
|
}
|
|
|
|
$firstRow = $theadInTable.find("tr.jqg-first-row-header");
|
|
$(ts).bind('jqGridResizeStop.setGroupHeaders', function (e, nw, idx) {
|
|
$firstRow.find('th').eq(idx)[0].style.width = nw + "px";
|
|
});
|
|
});
|
|
},
|
|
destroyGroupHeader: function (nullHeader) {
|
|
if (nullHeader === undefined) {
|
|
nullHeader = true;
|
|
}
|
|
return this.each(function () {
|
|
var $t = this, $tr, i, l, headers, $th, $resizing, grid = $t.grid,
|
|
thead = $("table.ui-jqgrid-htable thead", grid.hDiv), cm = $t.p.colModel, hc;
|
|
if (!grid) { return; }
|
|
|
|
$(this).unbind('.setGroupHeaders');
|
|
$tr = $("<tr>", { role: "row" }).addClass("ui-jqgrid-labels");
|
|
headers = grid.headers;
|
|
for (i = 0, l = headers.length; i < l; i++) {
|
|
hc = cm[i].hidden ? "none" : "";
|
|
$th = $(headers[i].el)
|
|
.width(headers[i].width)
|
|
.css('display', hc);
|
|
try {
|
|
$th.removeAttr("rowSpan");
|
|
} catch (rs) {
|
|
//IE 6/7
|
|
$th.attr("rowSpan", 1);
|
|
}
|
|
$tr.append($th);
|
|
$resizing = $th.children("span.ui-jqgrid-resize");
|
|
if ($resizing.length > 0) {// resizable column
|
|
$resizing[0].style.height = "";
|
|
}
|
|
$th.children("div")[0].style.top = "";
|
|
}
|
|
$(thead).children('tr.ui-jqgrid-labels').remove();
|
|
$(thead).prepend($tr);
|
|
|
|
if (nullHeader === true) {
|
|
$($t).jqGrid('setGridParam', { 'groupHeader': null });
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid = $.jgrid || {};
|
|
$.extend($.jgrid, {
|
|
saveState: function (jqGridId, o) {
|
|
o = $.extend({
|
|
useStorage: true,
|
|
storageType: "localStorage", // localStorage or sessionStorage
|
|
beforeSetItem: null,
|
|
compression: false,
|
|
compressionModule: 'LZString', // object by example gzip, LZString
|
|
compressionMethod: 'compressToUTF16', // string by example zip, compressToUTF16
|
|
debug: false
|
|
}, o || {});
|
|
if (!jqGridId) { return; }
|
|
var gridstate = "", data = "", ret, $t = $("#" + jqGridId)[0], tmp;
|
|
// to use navigator set storeNavOptions to true in grid options
|
|
if (!$t.grid) { return; }
|
|
tmp = $($t).data('inlineNav');
|
|
if (tmp && $t.p.inlineNav) {
|
|
$($t).jqGrid('setGridParam', { _iN: tmp });
|
|
}
|
|
tmp = $($t).data('filterToolbar');
|
|
if (tmp && $t.p.filterToolbar) {
|
|
$($t).jqGrid('setGridParam', { _fT: tmp });
|
|
}
|
|
gridstate = $($t).jqGrid('jqGridExport', { exptype: "jsonstring", ident: "", root: "" });
|
|
data = $($t.grid.bDiv).find(".ui-jqgrid-btable tbody:first").html();
|
|
var firstrow = data.indexOf("</tr>");
|
|
data = data.slice(firstrow + 5);
|
|
if ($.isFunction(o.beforeSetItem)) {
|
|
ret = o.beforeSetItem.call($t, gridstate);
|
|
if (ret != null) {
|
|
gridstate = ret;
|
|
}
|
|
}
|
|
if (o.debug) {
|
|
$("#gbox_tree").prepend('<a id="link_save" target="_blank" download="jqGrid_dump.txt">Click to save Dump Data</a>');
|
|
var temp = [], file, properties = {}, url;
|
|
temp.push("Grid Options\n");
|
|
temp.push(gridstate);
|
|
temp.push("\n");
|
|
temp.push("GridData\n");
|
|
temp.push(data);
|
|
properties.type = 'plain/text;charset=utf-8'; // Specify the file's mime-type.
|
|
try {
|
|
file = new File(temp, "jqGrid_dump.txt", properties);
|
|
} catch (e) {
|
|
file = new Blob(temp, properties);
|
|
}
|
|
//saveAs(file, "jqGrid_dump.txt" );
|
|
url = URL.createObjectURL(file);
|
|
$("#link_save").attr("href", url).bind('click', function () {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
if (o.compression) {
|
|
if (o.compressionModule) {
|
|
try {
|
|
ret = window[o.compressionModule][o.compressionMethod](gridstate);
|
|
if (ret != null) {
|
|
gridstate = ret;
|
|
data = window[o.compressionModule][o.compressionMethod](data);
|
|
}
|
|
} catch (e) {
|
|
// can not execute a compression.
|
|
}
|
|
}
|
|
}
|
|
if (o.useStorage && $.jgrid.isLocalStorage()) {
|
|
try {
|
|
window[o.storageType].setItem("jqGrid" + $t.p.id, gridstate);
|
|
window[o.storageType].setItem("jqGrid" + $t.p.id + "_data", data);
|
|
} catch (e) {
|
|
if (e.code === 22) { // chrome is 21
|
|
// just for now. we should make some additionla changes and eventually clear some local items
|
|
alert("Local storage limit is over!");
|
|
}
|
|
}
|
|
}
|
|
return gridstate;
|
|
},
|
|
loadState: function (jqGridId, gridstring, o) {
|
|
o = $.extend({
|
|
useStorage: true,
|
|
storageType: "localStorage",
|
|
clearAfterLoad: false, // clears the jqGrid localStorage items aftre load
|
|
beforeSetGrid: null,
|
|
afterSetGrid: null,
|
|
decompression: false,
|
|
decompressionModule: 'LZString', // object by example gzip, LZString
|
|
decompressionMethod: 'decompressFromUTF16' // string by example unzip, decompressFromUTF16
|
|
}, o || {});
|
|
if (!jqGridId) { return; }
|
|
var ret, tmp, $t = $("#" + jqGridId)[0], data, iN, fT;
|
|
if (o.useStorage) {
|
|
try {
|
|
gridstring = window[o.storageType].getItem("jqGrid" + $t.id);
|
|
data = window[o.storageType].getItem("jqGrid" + $t.id + "_data");
|
|
} catch (e) {
|
|
// can not get data
|
|
}
|
|
}
|
|
if (!gridstring) { return; }
|
|
if (o.decompression) {
|
|
if (o.decompressionModule) {
|
|
try {
|
|
ret = window[o.decompressionModule][o.decompressionMethod](gridstring);
|
|
if (ret != null) {
|
|
gridstring = ret;
|
|
data = window[o.decompressionModule][o.decompressionMethod](data);
|
|
}
|
|
} catch (e) {
|
|
// decompression can not be done
|
|
}
|
|
}
|
|
}
|
|
ret = jqGridUtils.parse(gridstring);
|
|
if (ret && $.type(ret) === 'object') {
|
|
if ($t.grid) {
|
|
$.jgrid.gridUnload(jqGridId);
|
|
}
|
|
if ($.isFunction(o.beforeSetGrid)) {
|
|
tmp = o.beforeSetGrid(ret);
|
|
if (tmp && $.type(tmp) === 'object') {
|
|
ret = tmp;
|
|
}
|
|
}
|
|
// some preparings
|
|
var retfunc = function (param) { var p; p = param; return p; },
|
|
prm = {
|
|
"reccount": ret.reccount,
|
|
"records": ret.records,
|
|
"lastpage": ret.lastpage,
|
|
"shrinkToFit": retfunc(ret.shrinkToFit),
|
|
"data": retfunc(ret.data),
|
|
"datatype": retfunc(ret.datatype),
|
|
"grouping": retfunc(ret.grouping)
|
|
};
|
|
ret.shrinkToFit = false;
|
|
ret.data = [];
|
|
ret.datatype = 'local';
|
|
ret.grouping = false;
|
|
//ret.navGrid = false;
|
|
|
|
if (ret.inlineNav) {
|
|
iN = retfunc(ret._iN);
|
|
ret._iN = null; delete ret._iN;
|
|
}
|
|
if (ret.filterToolbar) {
|
|
fT = retfunc(ret._fT);
|
|
ret._fT = null; delete ret._fT;
|
|
}
|
|
var grid = $("#" + jqGridId).jqGrid(ret);
|
|
grid.append(data);
|
|
grid.jqGrid('setGridParam', prm);
|
|
if (ret.storeNavOptions && ret.navGrid) {
|
|
// set to false so that nav grid can be run
|
|
grid[0].p.navGrid = false;
|
|
grid.jqGrid('navGrid', ret.pager, ret.navOptions, ret.editOptions, ret.addOptions, ret.delOptions, ret.searchOptions, ret.viewOptions);
|
|
if (ret.navButtons && ret.navButtons.length) {
|
|
for (var b = 0; b < ret.navButtons.length; b++) {
|
|
if ('sepclass' in ret.navButtons[b][1]) {
|
|
grid.jqGrid('navSeparatorAdd', ret.navButtons[b][0], ret.navButtons[b][1]);
|
|
} else {
|
|
grid.jqGrid('navButtonAdd', ret.navButtons[b][0], ret.navButtons[b][1]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// refresh index
|
|
grid[0].refreshIndex();
|
|
// subgrid
|
|
if (ret.subGrid) {
|
|
var ms = ret.multiselect === 1 ? 1 : 0,
|
|
rn = ret.rownumbers === true ? 1 : 0;
|
|
grid.jqGrid('addSubGrid', ms + rn);
|
|
}
|
|
// treegrid
|
|
if (ret.treeGrid) {
|
|
var i = 1, len = grid[0].rows.length,
|
|
expCol = ret.expColInd,
|
|
isLeaf = ret.treeReader.leaf_field,
|
|
expanded = ret.treeReader.expanded_field;
|
|
// optimization of code needed here
|
|
while (i < len) {
|
|
$(grid[0].rows[i].cells[expCol])
|
|
.find("div.treeclick")
|
|
.bind("click", function (e) {
|
|
var target = e.target || e.srcElement,
|
|
ind2 = $.jgrid.stripPref(ret.idPrefix, $(target, grid[0].rows).closest("tr.jqgrow")[0].id),
|
|
pos = grid[0].p._index[ind2];
|
|
if (!grid[0].p.data[pos][isLeaf]) {
|
|
if (grid[0].p.data[pos][expanded]) {
|
|
grid.jqGrid("collapseRow", grid[0].p.data[pos]);
|
|
grid.jqGrid("collapseNode", grid[0].p.data[pos]);
|
|
} else {
|
|
grid.jqGrid("expandRow", grid[0].p.data[pos]);
|
|
grid.jqGrid("expandNode", grid[0].p.data[pos]);
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
if (ret.ExpandColClick === true) {
|
|
$(grid[0].rows[i].cells[expCol])
|
|
.find("span.cell-wrapper")
|
|
.css("cursor", "pointer")
|
|
.bind("click", function (e) {
|
|
var target = e.target || e.srcElement,
|
|
ind2 = $.jgrid.stripPref(ret.idPrefix, $(target, grid[0].rows).closest("tr.jqgrow")[0].id),
|
|
pos = grid[0].p._index[ind2];
|
|
if (!grid[0].p.data[pos][isLeaf]) {
|
|
if (grid[0].p.data[pos][expanded]) {
|
|
grid.jqGrid("collapseRow", grid[0].p.data[pos]);
|
|
grid.jqGrid("collapseNode", grid[0].p.data[pos]);
|
|
} else {
|
|
grid.jqGrid("expandRow", grid[0].p.data[pos]);
|
|
grid.jqGrid("expandNode", grid[0].p.data[pos]);
|
|
}
|
|
}
|
|
grid.jqGrid("setSelection", ind2);
|
|
return false;
|
|
});
|
|
}
|
|
i++;
|
|
}
|
|
}
|
|
// multiselect
|
|
if (ret.multiselect) {
|
|
$.each(ret.selarrrow, function () {
|
|
$("#jqg_" + jqGridId + "_" + this)[ret.useProp ? 'prop' : 'attr']("checked", "checked");
|
|
});
|
|
}
|
|
// grouping
|
|
// pivotgrid
|
|
if (ret.inlineNav && iN) {
|
|
grid.jqGrid('setGridParam', { inlineNav: false });
|
|
grid.jqGrid('inlineNav', ret.pager, iN);
|
|
}
|
|
if (ret.filterToolbar && fT) {
|
|
grid.jqGrid('setGridParam', { filterToolbar: false });
|
|
fT.restoreFromFilters = true;
|
|
grid.jqGrid('filterToolbar', fT);
|
|
}
|
|
// finally frozenColums
|
|
if (ret.frozenColumns) {
|
|
grid.jqGrid('setFrozenColumns');
|
|
}
|
|
grid[0].updatepager(true, true);
|
|
|
|
if ($.isFunction(o.afterSetGrid)) {
|
|
o.afterSetGrid(grid);
|
|
}
|
|
if (o.clearAfterLoad) {
|
|
window[o.storageType].removeItem("jqGrid" + $t.id);
|
|
window[o.storageType].removeItem("jqGrid" + $t.id + "_data");
|
|
}
|
|
} else {
|
|
alert("can not convert to object");
|
|
}
|
|
},
|
|
isGridInStorage: function (jqGridId, options) {
|
|
var o = {
|
|
storageType: "localStorage"
|
|
};
|
|
o = $.extend(o, options || {});
|
|
var ret, gridstring, data;
|
|
try {
|
|
gridstring = window[o.storageType].getItem("jqGrid" + jqGridId);
|
|
data = window[o.storageType].getItem("jqGrid" + jqGridId + "_data");
|
|
ret = gridstring != null && data != null && typeof gridstring === "string" && typeof data === "string";
|
|
} catch (e) {
|
|
ret = false;
|
|
}
|
|
return ret;
|
|
},
|
|
setRegional: function (jqGridId, options) {
|
|
var o = {
|
|
storageType: "sessionStorage"
|
|
};
|
|
o = $.extend(o, options || {});
|
|
|
|
if (!o.regional) {
|
|
return;
|
|
}
|
|
|
|
$.jgrid.saveState(jqGridId, o);
|
|
|
|
o.beforeSetGrid = function (params) {
|
|
params.regional = o.regional;
|
|
params.force_regional = true;
|
|
return params;
|
|
};
|
|
|
|
$.jgrid.loadState(jqGridId, null, o);
|
|
// check for formatter actions
|
|
var grid = $("#" + jqGridId)[0],
|
|
model = $(grid).jqGrid('getGridParam', 'colModel'), i = -1, nav = $.jgrid.getRegional(grid, 'nav');
|
|
$.each(model, function (k) {
|
|
if (this.formatter && this.formatter === 'actions') {
|
|
i = k;
|
|
return false;
|
|
}
|
|
});
|
|
if (i !== -1 && nav) {
|
|
$("#" + jqGridId + " tbody tr").each(function () {
|
|
var td = this.cells[i];
|
|
$(td).find(".ui-inline-edit").attr("title", nav.edittitle);
|
|
$(td).find(".ui-inline-del").attr("title", nav.deltitle);
|
|
$(td).find(".ui-inline-save").attr("title", nav.savetitle);
|
|
$(td).find(".ui-inline-cancel").attr("title", nav.canceltitle);
|
|
});
|
|
}
|
|
try {
|
|
window[o.storageType].removeItem("jqGrid" + grid.id);
|
|
window[o.storageType].removeItem("jqGrid" + grid.id + "_data");
|
|
} catch (e) { }
|
|
},
|
|
jqGridImport: function (jqGridId, o) {
|
|
o = $.extend({
|
|
imptype: "xml", // xml, json, xmlstring, jsonstring
|
|
impstring: "",
|
|
impurl: "",
|
|
mtype: "GET",
|
|
impData: {},
|
|
xmlGrid: {
|
|
config: "root>grid",
|
|
data: "root>rows"
|
|
},
|
|
jsonGrid: {
|
|
config: "grid",
|
|
data: "data"
|
|
},
|
|
ajaxOptions: {}
|
|
}, o || {});
|
|
var $t = (jqGridId.indexOf("#") === 0 ? "" : "#") + $.jgrid.jqID(jqGridId);
|
|
var xmlConvert = function (xml, o) {
|
|
var cnfg = $(o.xmlGrid.config, xml)[0];
|
|
var xmldata = $(o.xmlGrid.data, xml)[0], jstr, jstr1, key;
|
|
if (jqGridUtils.xmlToJSON) {
|
|
jstr = jqGridUtils.xmlToJSON(cnfg);
|
|
//jstr = $.jgrid.parse(jstr);
|
|
for (key in jstr) {
|
|
if (jstr.hasOwnProperty(key)) {
|
|
jstr1 = jstr[key];
|
|
}
|
|
}
|
|
if (xmldata) {
|
|
// save the datatype
|
|
var svdatatype = jstr.grid.datatype;
|
|
jstr.grid.datatype = 'xmlstring';
|
|
jstr.grid.datastr = xml;
|
|
$($t).jqGrid(jstr1).jqGrid("setGridParam", { datatype: svdatatype });
|
|
} else {
|
|
setTimeout(function () { $($t).jqGrid(jstr1); }, 0);
|
|
}
|
|
} else {
|
|
alert("xml2json or parse are not present");
|
|
}
|
|
};
|
|
var jsonConvert = function (jsonstr, o) {
|
|
if (jsonstr && typeof jsonstr === 'string') {
|
|
var json = jqGridUtils.parse(jsonstr);
|
|
var gprm = json[o.jsonGrid.config];
|
|
var jdata = json[o.jsonGrid.data];
|
|
if (jdata) {
|
|
var svdatatype = gprm.datatype;
|
|
gprm.datatype = 'jsonstring';
|
|
gprm.datastr = jdata;
|
|
$($t).jqGrid(gprm).jqGrid("setGridParam", { datatype: svdatatype });
|
|
} else {
|
|
$($t).jqGrid(gprm);
|
|
}
|
|
}
|
|
};
|
|
switch (o.imptype) {
|
|
case 'xml':
|
|
$.ajax($.extend({
|
|
url: o.impurl,
|
|
type: o.mtype,
|
|
data: o.impData,
|
|
dataType: "xml",
|
|
complete: function (xml, stat) {
|
|
if (stat === 'success') {
|
|
xmlConvert(xml.responseXML, o);
|
|
$($t).triggerHandler("jqGridImportComplete", [xml, o]);
|
|
if ($.isFunction(o.importComplete)) {
|
|
o.importComplete(xml);
|
|
}
|
|
}
|
|
xml = null;
|
|
}
|
|
}, o.ajaxOptions));
|
|
break;
|
|
case 'xmlstring':
|
|
// we need to make just the conversion and use the same code as xml
|
|
if (o.impstring && typeof o.impstring === 'string') {
|
|
var xmld = $.parseXML(o.impstring);
|
|
if (xmld) {
|
|
xmlConvert(xmld, o);
|
|
$($t).triggerHandler("jqGridImportComplete", [xmld, o]);
|
|
if ($.isFunction(o.importComplete)) {
|
|
o.importComplete(xmld);
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
case 'json':
|
|
$.ajax($.extend({
|
|
url: o.impurl,
|
|
type: o.mtype,
|
|
data: o.impData,
|
|
dataType: "json",
|
|
complete: function (json) {
|
|
try {
|
|
jsonConvert(json.responseText, o);
|
|
$($t).triggerHandler("jqGridImportComplete", [json, o]);
|
|
if ($.isFunction(o.importComplete)) {
|
|
o.importComplete(json);
|
|
}
|
|
} catch (ee) { }
|
|
json = null;
|
|
}
|
|
}, o.ajaxOptions));
|
|
break;
|
|
case 'jsonstring':
|
|
if (o.impstring && typeof o.impstring === 'string') {
|
|
jsonConvert(o.impstring, o);
|
|
$($t).triggerHandler("jqGridImportComplete", [o.impstring, o]);
|
|
if ($.isFunction(o.importComplete)) {
|
|
o.importComplete(o.impstring);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
$.jgrid.extend({
|
|
jqGridExport: function (o) {
|
|
o = $.extend({
|
|
exptype: "xmlstring",
|
|
root: "grid",
|
|
ident: "\t",
|
|
addOptions: {}
|
|
}, o || {});
|
|
var ret = null;
|
|
this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var key, gprm = $.extend(true, {}, $(this).jqGrid("getGridParam"), o.addOptions);
|
|
// we need to check for:
|
|
// 1.multiselect, 2.subgrid 3. treegrid and remove the unneded columns from colNames
|
|
if (gprm.rownumbers) {
|
|
gprm.colNames.splice(0, 1);
|
|
gprm.colModel.splice(0, 1);
|
|
}
|
|
if (gprm.multiselect) {
|
|
gprm.colNames.splice(0, 1);
|
|
gprm.colModel.splice(0, 1);
|
|
}
|
|
if (gprm.subGrid) {
|
|
gprm.colNames.splice(0, 1);
|
|
gprm.colModel.splice(0, 1);
|
|
}
|
|
gprm.knv = null;
|
|
switch (o.exptype) {
|
|
case 'xmlstring':
|
|
ret = "<" + o.root + ">" + jqGridUtils.jsonToXML(gprm, { xmlDecl: "" }) + "</" + o.root + ">";
|
|
break;
|
|
case 'jsonstring':
|
|
ret = jqGridUtils.stringify(gprm);
|
|
if (o.root) { ret = "{" + o.root + ":" + ret + "}"; }
|
|
break;
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
excelExport: function (o) {
|
|
o = $.extend({
|
|
exptype: "remote",
|
|
url: null,
|
|
oper: "oper",
|
|
tag: "excel",
|
|
beforeExport: null,
|
|
exporthidden: false,
|
|
exportgrouping: false,
|
|
exportOptions: {}
|
|
}, o || {});
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var url;
|
|
if (o.exptype === "remote") {
|
|
var pdata = $.extend({}, this.p.postData), expg;
|
|
pdata[o.oper] = o.tag;
|
|
if ($.isFunction(o.beforeExport)) {
|
|
var result = o.beforeExport.call(this, pdata);
|
|
if ($.isPlainObject(result)) {
|
|
pdata = result;
|
|
}
|
|
}
|
|
if (o.exporthidden) {
|
|
var cm = this.p.colModel, i, len = cm.length, newm = [];
|
|
for (i = 0; i < len; i++) {
|
|
if (cm[i].hidden === undefined) { cm[i].hidden = false; }
|
|
newm.push({ name: cm[i].name, hidden: cm[i].hidden });
|
|
}
|
|
var newm1 = JSON.stringify(newm);
|
|
if (typeof newm1 === 'string') {
|
|
pdata['colModel'] = newm1;
|
|
}
|
|
}
|
|
if (o.exportgrouping) {
|
|
expg = JSON.stringify(this.p.groupingView)
|
|
if (typeof expg === 'string') {
|
|
pdata['groupingView'] = expg;
|
|
}
|
|
}
|
|
var params = jQuery.param(pdata);
|
|
if (o.url.indexOf("?") !== -1) { url = o.url + "&" + params; }
|
|
else { url = o.url + "?" + params; }
|
|
window.location = url;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid.inlineEdit = $.jgrid.inlineEdit || {};
|
|
$.jgrid.extend({
|
|
//Editing
|
|
editRow: function (rowid, keys, oneditfunc, successfunc, url, extraparam, aftersavefunc, errorfunc, afterrestorefunc) {
|
|
// Compatible mode old versions
|
|
var o = {}, args = $.makeArray(arguments).slice(1);
|
|
|
|
if ($.type(args[0]) === "object") {
|
|
o = args[0];
|
|
} else {
|
|
if (keys !== undefined) { o.keys = keys; }
|
|
if ($.isFunction(oneditfunc)) { o.oneditfunc = oneditfunc; }
|
|
if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
|
|
if (url !== undefined) { o.url = url; }
|
|
if (extraparam !== undefined) { o.extraparam = extraparam; }
|
|
if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
|
|
if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
|
|
if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
|
|
// last two not as param, but as object (sorry)
|
|
//if (restoreAfterError !== undefined) { o.restoreAfterError = restoreAfterError; }
|
|
//if (mtype !== undefined) { o.mtype = mtype || "POST"; }
|
|
}
|
|
o = $.extend(true, {
|
|
keys: false,
|
|
keyevent: "keydown",
|
|
oneditfunc: null,
|
|
successfunc: null,
|
|
url: null,
|
|
extraparam: {},
|
|
aftersavefunc: null,
|
|
errorfunc: null,
|
|
afterrestorefunc: null,
|
|
restoreAfterError: true,
|
|
mtype: "POST",
|
|
focusField: true
|
|
}, $.jgrid.inlineEdit, o);
|
|
|
|
// End compatible
|
|
return this.each(function () {
|
|
var $t = this, nm, tmp, editable, cnt = 0, focus = null, svr = {}, ind, cm, bfer,
|
|
inpclass = $(this).jqGrid('getStyleUI', $t.p.styleUI + ".inlinedit", 'inputClass', true);
|
|
if (!$t.grid) { return; }
|
|
ind = $($t).jqGrid("getInd", rowid, true);
|
|
if (ind === false) { return; }
|
|
bfer = $.isFunction(o.beforeEditRow) ? o.beforeEditRow.call($t, o, rowid) : undefined;
|
|
if (bfer === undefined) {
|
|
bfer = true;
|
|
}
|
|
if (!bfer) { return; }
|
|
editable = $(ind).attr("editable") || "0";
|
|
if (editable === "0" && !$(ind).hasClass("not-editable-row")) {
|
|
cm = $t.p.colModel;
|
|
$('td[role="gridcell"]', ind).each(function (i) {
|
|
nm = cm[i].name;
|
|
var treeg = $t.p.treeGrid === true && nm === $t.p.ExpandColumn;
|
|
if (treeg) { tmp = $("span:first", this).html(); }
|
|
else {
|
|
try {
|
|
tmp = $.unformat.call($t, this, { rowId: rowid, colModel: cm[i] }, i);
|
|
} catch (_) {
|
|
tmp = (cm[i].edittype && cm[i].edittype === 'textarea') ? $(this).text() : $(this).html();
|
|
}
|
|
}
|
|
if (nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
|
|
if ($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
|
|
svr[nm] = tmp;
|
|
if (cm[i].editable === true) {
|
|
if (focus === null) { focus = i; }
|
|
if (treeg) { $("span:first", this).html(""); }
|
|
else { $(this).html(""); }
|
|
var opt = $.extend({}, cm[i].editoptions || {}, { id: rowid + "_" + nm, name: nm, rowId: rowid, oper: 'edit' });
|
|
if (!cm[i].edittype) { cm[i].edittype = "text"; }
|
|
if (tmp === " " || tmp === " " || (tmp.length === 1 && tmp.charCodeAt(0) === 160)) { tmp = ''; }
|
|
var elc = $.jgrid.createEl.call($t, cm[i].edittype, opt, tmp, true, $.extend({}, $.jgrid.ajaxOptions, $t.p.ajaxSelectOptions || {}));
|
|
$(elc).addClass("editable inline-edit-cell");
|
|
if ($.inArray(cm[i].edittype, ['text', 'textarea', 'password', 'select']) > -1) {
|
|
$(elc).addClass(inpclass);
|
|
}
|
|
if (treeg) { $("span:first", this).append(elc); }
|
|
else { $(this).append(elc); }
|
|
$.jgrid.bindEv.call($t, elc, opt);
|
|
//Again IE
|
|
if (cm[i].edittype === "select" && cm[i].editoptions !== undefined && cm[i].editoptions.multiple === true && cm[i].editoptions.dataUrl === undefined && $.jgrid.msie) {
|
|
$(elc).width($(elc).width());
|
|
}
|
|
cnt++;
|
|
}
|
|
}
|
|
});
|
|
if (cnt > 0) {
|
|
svr.id = rowid; $t.p.savedRow.push(svr);
|
|
$(ind).attr("editable", "1");
|
|
if (o.focusField) {
|
|
if (typeof o.focusField === 'number' && parseInt(o.focusField, 10) <= cm.length) {
|
|
focus = o.focusField;
|
|
}
|
|
setTimeout(function () {
|
|
var fe = $("td:eq(" + focus + ") :input:visible", ind).not(":disabled");
|
|
if (fe.length > 0) {
|
|
fe.focus();
|
|
}
|
|
}, 0);
|
|
}
|
|
if (o.keys === true) {
|
|
$(ind).bind(o.keyevent, function (e) {
|
|
if (e.keyCode === 27) {
|
|
$($t).jqGrid("restoreRow", rowid, o.afterrestorefunc);
|
|
if ($t.p.inlineNav) {
|
|
try {
|
|
$($t).jqGrid('showAddEditButtons');
|
|
} catch (eer1) { }
|
|
}
|
|
return false;
|
|
}
|
|
if (e.keyCode === 13) {
|
|
var ta = e.target;
|
|
if (ta.tagName === 'TEXTAREA') { return true; }
|
|
if ($($t).jqGrid("saveRow", rowid, o)) {
|
|
if ($t.p.inlineNav) {
|
|
try {
|
|
$($t).jqGrid('showAddEditButtons');
|
|
} catch (eer2) { }
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
$($t).triggerHandler("jqGridInlineEditRow", [rowid, o]);
|
|
if ($.isFunction(o.oneditfunc)) { o.oneditfunc.call($t, rowid); }
|
|
}
|
|
}
|
|
});
|
|
},
|
|
saveRow: function (rowid, successfunc, url, extraparam, aftersavefunc, errorfunc, afterrestorefunc) {
|
|
// Compatible mode old versions
|
|
var args = $.makeArray(arguments).slice(1), o = {}, $t = this[0];
|
|
|
|
if ($.type(args[0]) === "object") {
|
|
o = args[0];
|
|
} else {
|
|
if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
|
|
if (url !== undefined) { o.url = url; }
|
|
if (extraparam !== undefined) { o.extraparam = extraparam; }
|
|
if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
|
|
if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
|
|
if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
|
|
}
|
|
o = $.extend(true, {
|
|
successfunc: null,
|
|
url: null,
|
|
extraparam: {},
|
|
aftersavefunc: null,
|
|
errorfunc: null,
|
|
afterrestorefunc: null,
|
|
restoreAfterError: true,
|
|
mtype: "POST",
|
|
saveui: "enable",
|
|
savetext: $.jgrid.getRegional($t, 'defaults.savetext')
|
|
}, $.jgrid.inlineEdit, o);
|
|
// End compatible
|
|
|
|
var success = false, nm, tmp = {}, tmp2 = {}, tmp3 = {}, editable, fr, cv, ind, nullIfEmpty = false,
|
|
error = $.trim($($t).jqGrid('getStyleUI', $t.p.styleUI + '.common', 'error', true));
|
|
if (!$t.grid) { return success; }
|
|
ind = $($t).jqGrid("getInd", rowid, true);
|
|
if (ind === false) { return success; }
|
|
var errors = $.jgrid.getRegional($t, 'errors'),
|
|
edit = $.jgrid.getRegional($t, 'edit'),
|
|
bfsr = $.isFunction(o.beforeSaveRow) ? o.beforeSaveRow.call($t, o, rowid) : undefined;
|
|
if (bfsr === undefined) {
|
|
bfsr = true;
|
|
}
|
|
if (!bfsr) { return; }
|
|
editable = $(ind).attr("editable");
|
|
o.url = o.url || $t.p.editurl;
|
|
if (editable === "1") {
|
|
var cm;
|
|
$('td[role="gridcell"]', ind).each(function (i) {
|
|
cm = $t.p.colModel[i];
|
|
nm = cm.name;
|
|
if (nm !== 'cb' && nm !== 'subgrid' && cm.editable === true && nm !== 'rn' && !$(this).hasClass('not-editable-cell')) {
|
|
switch (cm.edittype) {
|
|
case "checkbox":
|
|
var cbv = ["Yes", "No"];
|
|
if (cm.editoptions) {
|
|
cbv = cm.editoptions.value.split(":");
|
|
}
|
|
tmp[nm] = $("input", this).is(":checked") ? cbv[0] : cbv[1];
|
|
break;
|
|
case 'text':
|
|
case 'password':
|
|
case 'textarea':
|
|
case "button":
|
|
tmp[nm] = $("input, textarea", this).val();
|
|
break;
|
|
case 'select':
|
|
if (!cm.editoptions.multiple) {
|
|
tmp[nm] = $("select option:selected", this).val();
|
|
tmp2[nm] = $("select option:selected", this).text();
|
|
} else {
|
|
var sel = $("select", this), selectedText = [];
|
|
tmp[nm] = $(sel).val();
|
|
if (tmp[nm]) { tmp[nm] = tmp[nm].join(","); } else { tmp[nm] = ""; }
|
|
$("select option:selected", this).each(
|
|
function (i, selected) {
|
|
selectedText[i] = $(selected).text();
|
|
}
|
|
);
|
|
tmp2[nm] = selectedText.join(",");
|
|
}
|
|
if (cm.formatter && cm.formatter === 'select') { tmp2 = {}; }
|
|
break;
|
|
case 'custom':
|
|
try {
|
|
if (cm.editoptions && $.isFunction(cm.editoptions.custom_value)) {
|
|
tmp[nm] = cm.editoptions.custom_value.call($t, $(".customelement", this), 'get');
|
|
if (tmp[nm] === undefined) { throw "e2"; }
|
|
} else { throw "e1"; }
|
|
} catch (e) {
|
|
if (e === "e1") { $.jgrid.info_dialog(errors.errcap, "function 'custom_value' " + edit.msg.nodefined, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
else { $.jgrid.info_dialog(errors.errcap, e.message, edit.bClose, { styleUI: $t.p.styleUI }); }
|
|
}
|
|
break;
|
|
}
|
|
cv = $.jgrid.checkValues.call($t, tmp[nm], i);
|
|
if (cv[0] === false) {
|
|
return false;
|
|
}
|
|
if ($t.p.autoencode) { tmp[nm] = $.jgrid.htmlEncode(tmp[nm]); }
|
|
if (o.url !== 'clientArray' && cm.editoptions && cm.editoptions.NullIfEmpty === true) {
|
|
if (tmp[nm] === "") {
|
|
tmp3[nm] = 'null';
|
|
nullIfEmpty = true;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
if (cv[0] === false) {
|
|
try {
|
|
var tr = $($t).jqGrid('getGridRowById', rowid), positions = $.jgrid.findPos(tr);
|
|
$.jgrid.info_dialog(errors.errcap, cv[1], edit.bClose, { left: positions[0], top: positions[1] + $(tr).outerHeight(), styleUI: $t.p.styleUI });
|
|
} catch (e) {
|
|
alert(cv[1]);
|
|
}
|
|
return success;
|
|
}
|
|
var idname, opers = $t.p.prmNames, oldRowId = rowid;
|
|
if ($t.p.keyName === false) {
|
|
idname = opers.id;
|
|
} else {
|
|
idname = $t.p.keyName;
|
|
}
|
|
if (tmp) {
|
|
tmp[opers.oper] = opers.editoper;
|
|
if (tmp[idname] === undefined || tmp[idname] === "") {
|
|
tmp[idname] = rowid;
|
|
} else if (ind.id !== $t.p.idPrefix + tmp[idname]) {
|
|
// rename rowid
|
|
var oldid = $.jgrid.stripPref($t.p.idPrefix, rowid);
|
|
if ($t.p._index[oldid] !== undefined) {
|
|
$t.p._index[tmp[idname]] = $t.p._index[oldid];
|
|
delete $t.p._index[oldid];
|
|
}
|
|
rowid = $t.p.idPrefix + tmp[idname];
|
|
$(ind).attr("id", rowid);
|
|
if ($t.p.selrow === oldRowId) {
|
|
$t.p.selrow = rowid;
|
|
}
|
|
if ($.isArray($t.p.selarrrow)) {
|
|
var i = $.inArray(oldRowId, $t.p.selarrrow);
|
|
if (i >= 0) {
|
|
$t.p.selarrrow[i] = rowid;
|
|
}
|
|
}
|
|
if ($t.p.multiselect) {
|
|
var newCboxId = "jqg_" + $t.p.id + "_" + rowid;
|
|
$("input.cbox", ind)
|
|
.attr("id", newCboxId)
|
|
.attr("name", newCboxId);
|
|
}
|
|
// TODO: to test the case of frozen columns
|
|
}
|
|
if ($t.p.inlineData === undefined) { $t.p.inlineData = {}; }
|
|
tmp = $.extend({}, tmp, $t.p.inlineData, o.extraparam);
|
|
}
|
|
if (o.url === 'clientArray') {
|
|
tmp = $.extend({}, tmp, tmp2);
|
|
if ($t.p.autoencode) {
|
|
$.each(tmp, function (n, v) {
|
|
tmp[n] = $.jgrid.htmlDecode(v);
|
|
});
|
|
}
|
|
var k, resp = $($t).jqGrid("setRowData", rowid, tmp);
|
|
$(ind).attr("editable", "0");
|
|
for (k = 0; k < $t.p.savedRow.length; k++) {
|
|
if (String($t.p.savedRow[k].id) === String(oldRowId)) { fr = k; break; }
|
|
}
|
|
if (fr >= 0) { $t.p.savedRow.splice(fr, 1); }
|
|
$($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, resp, tmp, o]);
|
|
if ($.isFunction(o.aftersavefunc)) { o.aftersavefunc.call($t, rowid, resp, tmp, o); }
|
|
success = true;
|
|
$(ind).removeClass("jqgrid-new-row").unbind("keydown");
|
|
} else {
|
|
$($t).jqGrid("progressBar", { method: "show", loadtype: o.saveui, htmlcontent: o.savetext });
|
|
tmp3 = $.extend({}, tmp, tmp3);
|
|
tmp3[idname] = $.jgrid.stripPref($t.p.idPrefix, tmp3[idname]);
|
|
$.ajax($.extend({
|
|
url: o.url,
|
|
data: $.isFunction($t.p.serializeRowData) ? $t.p.serializeRowData.call($t, tmp3) : tmp3,
|
|
type: o.mtype,
|
|
async: false, //?!?
|
|
complete: function (res, stat) {
|
|
$($t).jqGrid("progressBar", { method: "hide", loadtype: o.saveui, htmlcontent: o.savetext });
|
|
if (stat === "success") {
|
|
var ret = true, sucret, k;
|
|
sucret = $($t).triggerHandler("jqGridInlineSuccessSaveRow", [res, rowid, o]);
|
|
if (!$.isArray(sucret)) { sucret = [true, tmp3]; }
|
|
if (sucret[0] && $.isFunction(o.successfunc)) { sucret = o.successfunc.call($t, res); }
|
|
if ($.isArray(sucret)) {
|
|
// expect array - status, data, rowid
|
|
ret = sucret[0];
|
|
tmp = sucret[1] || tmp;
|
|
} else {
|
|
ret = sucret;
|
|
}
|
|
if (ret === true) {
|
|
if ($t.p.autoencode) {
|
|
$.each(tmp, function (n, v) {
|
|
tmp[n] = $.jgrid.htmlDecode(v);
|
|
});
|
|
}
|
|
if (nullIfEmpty) {
|
|
$.each(tmp, function (n) {
|
|
if (tmp[n] === 'null') {
|
|
tmp[n] = '';
|
|
}
|
|
});
|
|
}
|
|
tmp = $.extend({}, tmp, tmp2);
|
|
$($t).jqGrid("setRowData", rowid, tmp);
|
|
$(ind).attr("editable", "0");
|
|
for (k = 0; k < $t.p.savedRow.length; k++) {
|
|
if (String($t.p.savedRow[k].id) === String(rowid)) { fr = k; break; }
|
|
}
|
|
if (fr >= 0) { $t.p.savedRow.splice(fr, 1); }
|
|
$($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, res, tmp, o]);
|
|
if ($.isFunction(o.aftersavefunc)) { o.aftersavefunc.call($t, rowid, res, tmp, o); }
|
|
success = true;
|
|
$(ind).removeClass("jqgrid-new-row").unbind("keydown");
|
|
} else {
|
|
$($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, null, o]);
|
|
if ($.isFunction(o.errorfunc)) {
|
|
o.errorfunc.call($t, rowid, res, stat, null);
|
|
}
|
|
if (o.restoreAfterError === true) {
|
|
$($t).jqGrid("restoreRow", rowid, o.afterrestorefunc);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
error: function (res, stat, err) {
|
|
$("#lui_" + $.jgrid.jqID($t.p.id)).hide();
|
|
$($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, err, o]);
|
|
if ($.isFunction(o.errorfunc)) {
|
|
o.errorfunc.call($t, rowid, res, stat, err);
|
|
} else {
|
|
var rT = res.responseText || res.statusText;
|
|
try {
|
|
$.jgrid.info_dialog(errors.errcap, '<div class="' + error + '">' + rT + '</div>', edit.bClose, { buttonalign: 'right', styleUI: $t.p.styleUI });
|
|
} catch (e) {
|
|
alert(rT);
|
|
}
|
|
}
|
|
if (o.restoreAfterError === true) {
|
|
$($t).jqGrid("restoreRow", rowid, o.afterrestorefunc);
|
|
}
|
|
}
|
|
}, $.jgrid.ajaxOptions, $t.p.ajaxRowOptions || {}));
|
|
}
|
|
}
|
|
return success;
|
|
},
|
|
restoreRow: function (rowid, afterrestorefunc) {
|
|
// Compatible mode old versions
|
|
var args = $.makeArray(arguments).slice(1), o = {};
|
|
|
|
if ($.type(args[0]) === "object") {
|
|
o = args[0];
|
|
} else {
|
|
if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
|
|
}
|
|
o = $.extend(true, {}, $.jgrid.inlineEdit, o);
|
|
|
|
// End compatible
|
|
|
|
return this.each(function () {
|
|
var $t = this, fr = -1, ind, ares = {}, k;
|
|
if (!$t.grid) { return; }
|
|
ind = $($t).jqGrid("getInd", rowid, true);
|
|
if (ind === false) { return; }
|
|
var bfcr = $.isFunction(o.beforeCancelRow) ? o.beforeCancelRow.call($t, o, rowid) : undefined;
|
|
if (bfcr === undefined) {
|
|
bfcr = true;
|
|
}
|
|
if (!bfcr) { return; }
|
|
for (k = 0; k < $t.p.savedRow.length; k++) {
|
|
if (String($t.p.savedRow[k].id) === String(rowid)) { fr = k; break; }
|
|
}
|
|
if (fr >= 0) {
|
|
if ($.isFunction($.fn.datepicker)) {
|
|
try {
|
|
$("input.hasDatepicker", "#" + $.jgrid.jqID(ind.id)).datepicker('hide');
|
|
} catch (e) { }
|
|
}
|
|
$.each($t.p.colModel, function () {
|
|
if (this.editable === true && $t.p.savedRow[fr].hasOwnProperty(this.name)) {
|
|
ares[this.name] = $t.p.savedRow[fr][this.name];
|
|
}
|
|
});
|
|
$($t).jqGrid("setRowData", rowid, ares);
|
|
$(ind).attr("editable", "0").unbind("keydown");
|
|
$t.p.savedRow.splice(fr, 1);
|
|
if ($("#" + $.jgrid.jqID(rowid), "#" + $.jgrid.jqID($t.p.id)).hasClass("jqgrid-new-row")) {
|
|
setTimeout(function () {
|
|
$($t).jqGrid("delRowData", rowid);
|
|
$($t).jqGrid('showAddEditButtons');
|
|
}, 0);
|
|
}
|
|
}
|
|
$($t).triggerHandler("jqGridInlineAfterRestoreRow", [rowid]);
|
|
if ($.isFunction(o.afterrestorefunc)) {
|
|
o.afterrestorefunc.call($t, rowid);
|
|
}
|
|
});
|
|
},
|
|
addRow: function (p) {
|
|
p = $.extend(true, {
|
|
rowID: null,
|
|
initdata: {},
|
|
position: "first",
|
|
useDefValues: true,
|
|
useFormatter: false,
|
|
addRowParams: { extraparam: {} }
|
|
}, p || {});
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var $t = this;
|
|
var bfar = $.isFunction(p.beforeAddRow) ? p.beforeAddRow.call($t, p.addRowParams) : undefined;
|
|
if (bfar === undefined) {
|
|
bfar = true;
|
|
}
|
|
if (!bfar) { return; }
|
|
p.rowID = $.isFunction(p.rowID) ? p.rowID.call($t, p) : ((p.rowID != null) ? p.rowID : $.jgrid.randId());
|
|
if (p.useDefValues === true) {
|
|
$($t.p.colModel).each(function () {
|
|
if (this.editoptions && this.editoptions.defaultValue) {
|
|
var opt = this.editoptions.defaultValue,
|
|
tmp = $.isFunction(opt) ? opt.call($t) : opt;
|
|
p.initdata[this.name] = tmp;
|
|
}
|
|
});
|
|
}
|
|
$($t).jqGrid('addRowData', p.rowID, p.initdata, p.position);
|
|
p.rowID = $t.p.idPrefix + p.rowID;
|
|
$("#" + $.jgrid.jqID(p.rowID), "#" + $.jgrid.jqID($t.p.id)).addClass("jqgrid-new-row");
|
|
if (p.useFormatter) {
|
|
$("#" + $.jgrid.jqID(p.rowID) + " .ui-inline-edit", "#" + $.jgrid.jqID($t.p.id)).click();
|
|
} else {
|
|
var opers = $t.p.prmNames,
|
|
oper = opers.oper;
|
|
p.addRowParams.extraparam[oper] = opers.addoper;
|
|
$($t).jqGrid('editRow', p.rowID, p.addRowParams);
|
|
$($t).jqGrid('setSelection', p.rowID);
|
|
}
|
|
});
|
|
},
|
|
inlineNav: function (elem, o) {
|
|
var $t = this[0],
|
|
regional = $.jgrid.getRegional($t, 'nav'),
|
|
icons = $.jgrid.styleUI[$t.p.styleUI].inlinedit;
|
|
o = $.extend(true, {
|
|
edit: true,
|
|
editicon: icons.icon_edit_nav,
|
|
add: true,
|
|
addicon: icons.icon_add_nav,
|
|
save: true,
|
|
saveicon: icons.icon_save_nav,
|
|
cancel: true,
|
|
cancelicon: icons.icon_cancel_nav,
|
|
addParams: { addRowParams: { extraparam: {} } },
|
|
editParams: {},
|
|
restoreAfterSelect: true,
|
|
saveAfterSelect: false
|
|
}, regional, o || {});
|
|
return this.each(function () {
|
|
if (!this.grid || this.p.inlineNav) { return; }
|
|
var gID = $.jgrid.jqID($t.p.id),
|
|
disabled = $.trim($($t).jqGrid('getStyleUI', $t.p.styleUI + '.common', 'disabled', true));
|
|
// check to see if navgrid is started, if not call it with all false parameters.
|
|
if (!$t.p.navGrid) {
|
|
$($t).jqGrid('navGrid', elem, { refresh: false, edit: false, add: false, del: false, search: false, view: false });
|
|
}
|
|
if (!$($t).data('inlineNav')) {
|
|
$($t).data('inlineNav', o);
|
|
}
|
|
if ($t.p.force_regional) {
|
|
o = $.extend(o, regional);
|
|
}
|
|
|
|
$t.p.inlineNav = true;
|
|
// detect the formatactions column
|
|
if (o.addParams.useFormatter === true) {
|
|
var cm = $t.p.colModel, i;
|
|
for (i = 0; i < cm.length; i++) {
|
|
if (cm[i].formatter && cm[i].formatter === "actions") {
|
|
if (cm[i].formatoptions) {
|
|
var defaults = {
|
|
keys: false,
|
|
onEdit: null,
|
|
onSuccess: null,
|
|
afterSave: null,
|
|
onError: null,
|
|
afterRestore: null,
|
|
extraparam: {},
|
|
url: null
|
|
},
|
|
ap = $.extend(defaults, cm[i].formatoptions);
|
|
o.addParams.addRowParams = {
|
|
"keys": ap.keys,
|
|
"oneditfunc": ap.onEdit,
|
|
"successfunc": ap.onSuccess,
|
|
"url": ap.url,
|
|
"extraparam": ap.extraparam,
|
|
"aftersavefunc": ap.afterSave,
|
|
"errorfunc": ap.onError,
|
|
"afterrestorefunc": ap.afterRestore
|
|
};
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (o.add) {
|
|
$($t).jqGrid('navButtonAdd', elem, {
|
|
caption: o.addtext,
|
|
title: o.addtitle,
|
|
buttonicon: o.addicon,
|
|
id: $t.p.id + "_iladd",
|
|
internal: true,
|
|
onClickButton: function () {
|
|
$($t).jqGrid('addRow', o.addParams);
|
|
if (!o.addParams.useFormatter) {
|
|
$("#" + gID + "_ilsave").removeClass(disabled);
|
|
$("#" + gID + "_ilcancel").removeClass(disabled);
|
|
$("#" + gID + "_iladd").addClass(disabled);
|
|
$("#" + gID + "_iledit").addClass(disabled);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
if (o.edit) {
|
|
$($t).jqGrid('navButtonAdd', elem, {
|
|
caption: o.edittext,
|
|
title: o.edittitle,
|
|
buttonicon: o.editicon,
|
|
id: $t.p.id + "_iledit",
|
|
internal: true,
|
|
onClickButton: function () {
|
|
var sr = $($t).jqGrid('getGridParam', 'selrow');
|
|
if (sr) {
|
|
$($t).jqGrid('editRow', sr, o.editParams);
|
|
$("#" + gID + "_ilsave").removeClass(disabled);
|
|
$("#" + gID + "_ilcancel").removeClass(disabled);
|
|
$("#" + gID + "_iladd").addClass(disabled);
|
|
$("#" + gID + "_iledit").addClass(disabled);
|
|
} else {
|
|
$.jgrid.viewModal("#alertmod_" + gID, { gbox: "#gbox_" + gID, jqm: true }); $("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
if (o.save) {
|
|
$($t).jqGrid('navButtonAdd', elem, {
|
|
caption: o.savetext || '',
|
|
title: o.savetitle || 'Save row',
|
|
buttonicon: o.saveicon,
|
|
id: $t.p.id + "_ilsave",
|
|
internal: true,
|
|
onClickButton: function () {
|
|
var sr = $t.p.savedRow[0].id;
|
|
if (sr) {
|
|
var opers = $t.p.prmNames,
|
|
oper = opers.oper, tmpParams = o.editParams;
|
|
if ($("#" + $.jgrid.jqID(sr), "#" + gID).hasClass("jqgrid-new-row")) {
|
|
o.addParams.addRowParams.extraparam[oper] = opers.addoper;
|
|
tmpParams = o.addParams.addRowParams;
|
|
} else {
|
|
if (!o.editParams.extraparam) {
|
|
o.editParams.extraparam = {};
|
|
}
|
|
o.editParams.extraparam[oper] = opers.editoper;
|
|
}
|
|
if ($($t).jqGrid('saveRow', sr, tmpParams)) {
|
|
$($t).jqGrid('showAddEditButtons');
|
|
}
|
|
} else {
|
|
$.jgrid.viewModal("#alertmod_" + gID, { gbox: "#gbox_" + gID, jqm: true }); $("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
});
|
|
$("#" + gID + "_ilsave").addClass(disabled);
|
|
}
|
|
if (o.cancel) {
|
|
$($t).jqGrid('navButtonAdd', elem, {
|
|
caption: o.canceltext || '',
|
|
title: o.canceltitle || 'Cancel row editing',
|
|
buttonicon: o.cancelicon,
|
|
id: $t.p.id + "_ilcancel",
|
|
internal: true,
|
|
onClickButton: function () {
|
|
var sr = $t.p.savedRow[0].id, cancelPrm = o.editParams;
|
|
if (sr) {
|
|
if ($("#" + $.jgrid.jqID(sr), "#" + gID).hasClass("jqgrid-new-row")) {
|
|
cancelPrm = o.addParams.addRowParams;
|
|
}
|
|
$($t).jqGrid('restoreRow', sr, cancelPrm);
|
|
$($t).jqGrid('showAddEditButtons');
|
|
} else {
|
|
$.jgrid.viewModal("#alertmod", { gbox: "#gbox_" + gID, jqm: true }); $("#jqg_alrt").focus();
|
|
}
|
|
}
|
|
});
|
|
$("#" + gID + "_ilcancel").addClass(disabled);
|
|
}
|
|
if (o.restoreAfterSelect === true || o.saveAfterSelect === true) {
|
|
$($t).bind("jqGridBeforeSelectRow.inlineNav", function (event, id) {
|
|
if ($t.p.savedRow.length > 0 && $t.p.inlineNav === true && (id !== $t.p.selrow && $t.p.selrow !== null)) {
|
|
if ($t.p.selrow === o.addParams.rowID) {
|
|
$($t).jqGrid('delRowData', $t.p.selrow);
|
|
} else {
|
|
if (o.restoreAfterSelect === true) {
|
|
$($t).jqGrid('restoreRow', $t.p.selrow, o.editParams);
|
|
} else {
|
|
$($t).jqGrid('saveRow', $t.p.selrow, o.editParams);
|
|
}
|
|
}
|
|
$($t).jqGrid('showAddEditButtons');
|
|
}
|
|
});
|
|
}
|
|
|
|
});
|
|
},
|
|
showAddEditButtons: function () {
|
|
return this.each(function () {
|
|
if (!this.grid) { return; }
|
|
var gID = $.jgrid.jqID(this.p.id),
|
|
disabled = $.trim($(this).jqGrid('getStyleUI', this.p.styleUI + '.common', 'disabled', true));
|
|
$("#" + gID + "_ilsave").addClass(disabled);
|
|
$("#" + gID + "_ilcancel").addClass(disabled);
|
|
$("#" + gID + "_iladd").removeClass(disabled);
|
|
$("#" + gID + "_iledit").removeClass(disabled);
|
|
});
|
|
}
|
|
//end inline edit
|
|
});
|
|
|
|
//module begin
|
|
if ($.jgrid.msie && $.jgrid.msiever() === 8) {
|
|
$.expr[":"].hidden = function (elem) {
|
|
return elem.offsetWidth === 0 || elem.offsetHeight === 0 ||
|
|
elem.style.display === "none";
|
|
};
|
|
}
|
|
// requiere load multiselect before grid
|
|
$.jgrid._multiselect = false;
|
|
if ($.ui) {
|
|
if ($.ui.multiselect) {
|
|
if ($.ui.multiselect.prototype._setSelected) {
|
|
var setSelected = $.ui.multiselect.prototype._setSelected;
|
|
$.ui.multiselect.prototype._setSelected = function (item, selected) {
|
|
var ret = setSelected.call(this, item, selected);
|
|
if (selected && this.selectedList) {
|
|
var elt = this.element;
|
|
this.selectedList.find('li').each(function () {
|
|
if ($(this).data('optionLink')) {
|
|
$(this).data('optionLink').remove().appendTo(elt);
|
|
}
|
|
});
|
|
}
|
|
return ret;
|
|
};
|
|
}
|
|
if ($.ui.multiselect.prototype.destroy) {
|
|
$.ui.multiselect.prototype.destroy = function () {
|
|
this.element.show();
|
|
this.container.remove();
|
|
if ($.Widget === undefined) {
|
|
$.widget.prototype.destroy.apply(this, arguments);
|
|
} else {
|
|
$.Widget.prototype.destroy.apply(this, arguments);
|
|
}
|
|
};
|
|
}
|
|
$.jgrid._multiselect = true;
|
|
}
|
|
}
|
|
|
|
$.jgrid.extend({
|
|
sortableColumns: function (tblrow) {
|
|
return this.each(function () {
|
|
var ts = this, tid = $.jgrid.jqID(ts.p.id);
|
|
function start() { ts.p.disableClick = true; }
|
|
var sortable_opts = {
|
|
"tolerance": "pointer",
|
|
"axis": "x",
|
|
"scrollSensitivity": "1",
|
|
"items": '>th:not(:has(#jqgh_' + tid + '_cb' + ',#jqgh_' + tid + '_rn' + ',#jqgh_' + tid + '_subgrid),:hidden)',
|
|
"placeholder": {
|
|
element: function (item) {
|
|
var el = $(document.createElement(item[0].nodeName))
|
|
.addClass(item[0].className + " ui-sortable-placeholder ui-state-highlight")
|
|
.removeClass("ui-sortable-helper")[0];
|
|
return el;
|
|
},
|
|
update: function (self, p) {
|
|
p.height(self.currentItem.innerHeight() - parseInt(self.currentItem.css('paddingTop') || 0, 10) - parseInt(self.currentItem.css('paddingBottom') || 0, 10));
|
|
p.width(self.currentItem.innerWidth() - parseInt(self.currentItem.css('paddingLeft') || 0, 10) - parseInt(self.currentItem.css('paddingRight') || 0, 10));
|
|
}
|
|
},
|
|
"update": function (event, ui) {
|
|
var p = $(ui.item).parent(),
|
|
th = $(">th", p),
|
|
colModel = ts.p.colModel,
|
|
cmMap = {}, tid = ts.p.id + "_";
|
|
$.each(colModel, function (i) { cmMap[this.name] = i; });
|
|
var permutation = [];
|
|
th.each(function () {
|
|
var id = $(">div", this).get(0).id.replace(/^jqgh_/, "").replace(tid, "");
|
|
if (cmMap.hasOwnProperty(id)) {
|
|
permutation.push(cmMap[id]);
|
|
}
|
|
});
|
|
|
|
$(ts).jqGrid("remapColumns", permutation, true, true);
|
|
if ($.isFunction(ts.p.sortable.update)) {
|
|
ts.p.sortable.update(permutation);
|
|
}
|
|
setTimeout(function () { ts.p.disableClick = false; }, 50);
|
|
}
|
|
};
|
|
if (ts.p.sortable.options) {
|
|
$.extend(sortable_opts, ts.p.sortable.options);
|
|
} else if ($.isFunction(ts.p.sortable)) {
|
|
ts.p.sortable = { "update": ts.p.sortable };
|
|
}
|
|
if (sortable_opts.start) {
|
|
var s = sortable_opts.start;
|
|
sortable_opts.start = function (e, ui) {
|
|
start();
|
|
s.call(this, e, ui);
|
|
};
|
|
} else {
|
|
sortable_opts.start = start;
|
|
}
|
|
if (ts.p.sortable.exclude) {
|
|
sortable_opts.items += ":not(" + ts.p.sortable.exclude + ")";
|
|
}
|
|
var $e = tblrow.sortable(sortable_opts), dataObj = $e.data("sortable") || $e.data("uiSortable");
|
|
if (dataObj != null) {
|
|
dataObj.data("sortable").floating = true;
|
|
}
|
|
});
|
|
},
|
|
columnChooser: function (opts) {
|
|
var self = this, selector, select, colMap = {}, fixedCols = [], dopts, mopts, $dialogContent, multiselectData, listHeight,
|
|
colModel = self.jqGrid("getGridParam", "colModel"),
|
|
colNames = self.jqGrid("getGridParam", "colNames"),
|
|
getMultiselectWidgetData = function ($elem) {
|
|
return ($.ui.multiselect.prototype && $elem.data($.ui.multiselect.prototype.widgetFullName || $.ui.multiselect.prototype.widgetName)) ||
|
|
$elem.data("ui-multiselect") || $elem.data("multiselect");
|
|
},
|
|
regional = $.jgrid.getRegional(this[0], 'col');
|
|
|
|
if ($("#colchooser_" + $.jgrid.jqID(self[0].p.id)).length) { return; }
|
|
selector = $('<div id="colchooser_' + self[0].p.id + '" style="position:relative;overflow:hidden"><div><select multiple="multiple"></select></div></div>');
|
|
select = $('select', selector);
|
|
|
|
function insert(perm, i, v) {
|
|
var a, b;
|
|
if (i >= 0) {
|
|
a = perm.slice();
|
|
b = a.splice(i, Math.max(perm.length - i, i));
|
|
if (i > perm.length) { i = perm.length; }
|
|
a[i] = v;
|
|
return a.concat(b);
|
|
}
|
|
return perm;
|
|
}
|
|
function call(fn, obj) {
|
|
if (!fn) { return; }
|
|
if (typeof fn === 'string') {
|
|
if ($.fn[fn]) {
|
|
$.fn[fn].apply(obj, $.makeArray(arguments).slice(2));
|
|
}
|
|
} else if ($.isFunction(fn)) {
|
|
fn.apply(obj, $.makeArray(arguments).slice(2));
|
|
}
|
|
}
|
|
|
|
opts = $.extend({
|
|
width: 400,
|
|
height: 240,
|
|
classname: null,
|
|
done: function (perm) { if (perm) { self.jqGrid("remapColumns", perm, true); } },
|
|
/* msel is either the name of a ui widget class that
|
|
extends a multiselect, or a function that supports
|
|
creating a multiselect object (with no argument,
|
|
or when passed an object), and destroying it (when
|
|
passed the string "destroy"). */
|
|
msel: "multiselect",
|
|
/* "msel_opts" : {}, */
|
|
|
|
/* dlog is either the name of a ui widget class that
|
|
behaves in a dialog-like way, or a function, that
|
|
supports creating a dialog (when passed dlog_opts)
|
|
or destroying a dialog (when passed the string
|
|
"destroy")
|
|
*/
|
|
dlog: "dialog",
|
|
dialog_opts: {
|
|
minWidth: 470,
|
|
dialogClass: "ui-jqdialog"
|
|
},
|
|
/* dlog_opts is either an option object to be passed
|
|
to "dlog", or (more likely) a function that creates
|
|
the options object.
|
|
The default produces a suitable options object for
|
|
ui.dialog */
|
|
dlog_opts: function (options) {
|
|
var buttons = {};
|
|
buttons[options.bSubmit] = function () {
|
|
options.apply_perm();
|
|
options.cleanup(false);
|
|
};
|
|
buttons[options.bCancel] = function () {
|
|
options.cleanup(true);
|
|
};
|
|
return $.extend(true, {
|
|
buttons: buttons,
|
|
close: function () {
|
|
options.cleanup(true);
|
|
},
|
|
modal: options.modal || false,
|
|
resizable: options.resizable || true,
|
|
width: options.width + 70,
|
|
resize: function () {
|
|
var widgetData = getMultiselectWidgetData(select),
|
|
$thisDialogContent = widgetData.container.closest(".ui-dialog-content");
|
|
|
|
if ($thisDialogContent.length > 0 && typeof $thisDialogContent[0].style === "object") {
|
|
$thisDialogContent[0].style.width = "";
|
|
} else {
|
|
$thisDialogContent.css("width", ""); // or just remove width style
|
|
}
|
|
|
|
widgetData.selectedList.height(Math.max(widgetData.selectedContainer.height() - widgetData.selectedActions.outerHeight() - 1, 1));
|
|
widgetData.availableList.height(Math.max(widgetData.availableContainer.height() - widgetData.availableActions.outerHeight() - 1, 1));
|
|
}
|
|
}, options.dialog_opts || {});
|
|
},
|
|
/* Function to get the permutation array, and pass it to the
|
|
"done" function */
|
|
apply_perm: function () {
|
|
var perm = [];
|
|
$('option', select).each(function () {
|
|
if ($(this).is(":selected")) {
|
|
self.jqGrid("showCol", colModel[this.value].name);
|
|
} else {
|
|
self.jqGrid("hideCol", colModel[this.value].name);
|
|
}
|
|
});
|
|
|
|
//fixedCols.slice(0);
|
|
$('option[selected]', select).each(function () { perm.push(parseInt(this.value, 10)); });
|
|
$.each(perm, function () { delete colMap[colModel[parseInt(this, 10)].name]; });
|
|
$.each(colMap, function () {
|
|
var ti = parseInt(this, 10);
|
|
perm = insert(perm, ti, ti);
|
|
});
|
|
if (opts.done) {
|
|
opts.done.call(self, perm);
|
|
}
|
|
self.jqGrid("setGridWidth", self[0].p.width, self[0].p.shrinkToFit);
|
|
},
|
|
/* Function to cleanup the dialog, and select. Also calls the
|
|
done function with no permutation (to indicate that the
|
|
columnChooser was aborted */
|
|
cleanup: function (calldone) {
|
|
call(opts.dlog, selector, 'destroy');
|
|
call(opts.msel, select, 'destroy');
|
|
selector.remove();
|
|
if (calldone && opts.done) {
|
|
opts.done.call(self);
|
|
}
|
|
},
|
|
msel_opts: {}
|
|
}, regional, opts || {});
|
|
if ($.ui) {
|
|
if ($.ui.multiselect && $.ui.multiselect.defaults) {
|
|
if (!$.jgrid._multiselect) {
|
|
// should be in language file
|
|
alert("Multiselect plugin loaded after jqGrid. Please load the plugin before the jqGrid!");
|
|
return;
|
|
}
|
|
// ??? the next line uses $.ui.multiselect.defaults which will be typically undefined
|
|
opts.msel_opts = $.extend($.ui.multiselect.defaults, opts.msel_opts);
|
|
}
|
|
}
|
|
if (opts.caption) {
|
|
selector.attr("title", opts.caption);
|
|
}
|
|
if (opts.classname) {
|
|
selector.addClass(opts.classname);
|
|
select.addClass(opts.classname);
|
|
}
|
|
if (opts.width) {
|
|
$(">div", selector).css({ width: opts.width, margin: "0 auto" });
|
|
select.css("width", opts.width);
|
|
}
|
|
if (opts.height) {
|
|
$(">div", selector).css("height", opts.height);
|
|
select.css("height", opts.height - 10);
|
|
}
|
|
|
|
select.empty();
|
|
$.each(colModel, function (i) {
|
|
colMap[this.name] = i;
|
|
if (this.hidedlg) {
|
|
if (!this.hidden) {
|
|
fixedCols.push(i);
|
|
}
|
|
return;
|
|
}
|
|
|
|
select.append("<option value='" + i + "' " +
|
|
(this.hidden ? "" : "selected='selected'") + ">" + $.jgrid.stripHtml(colNames[i]) + "</option>");
|
|
});
|
|
|
|
dopts = $.isFunction(opts.dlog_opts) ? opts.dlog_opts.call(self, opts) : opts.dlog_opts;
|
|
call(opts.dlog, selector, dopts);
|
|
mopts = $.isFunction(opts.msel_opts) ? opts.msel_opts.call(self, opts) : opts.msel_opts;
|
|
call(opts.msel, select, mopts);
|
|
|
|
// fix height of elements of the multiselect widget
|
|
$dialogContent = $("#colchooser_" + $.jgrid.jqID(self[0].p.id));
|
|
|
|
$dialogContent.css({ margin: "auto" });
|
|
$dialogContent.find(">div").css({ width: "100%", height: "100%", margin: "auto" });
|
|
|
|
multiselectData = getMultiselectWidgetData(select);
|
|
multiselectData.container.css({ width: "100%", height: "100%", margin: "auto" });
|
|
|
|
multiselectData.selectedContainer.css({ width: multiselectData.options.dividerLocation * 100 + "%", height: "100%", margin: "auto", boxSizing: "border-box" });
|
|
multiselectData.availableContainer.css({ width: (100 - multiselectData.options.dividerLocation * 100) + "%", height: "100%", margin: "auto", boxSizing: "border-box" });
|
|
|
|
// set height for both selectedList and availableList
|
|
multiselectData.selectedList.css("height", "auto");
|
|
multiselectData.availableList.css("height", "auto");
|
|
listHeight = Math.max(multiselectData.selectedList.height(), multiselectData.availableList.height());
|
|
listHeight = Math.min(listHeight, $(window).height());
|
|
multiselectData.selectedList.css("height", listHeight);
|
|
multiselectData.availableList.css("height", listHeight);
|
|
},
|
|
sortableRows: function (opts) {
|
|
// Can accept all sortable options and events
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid) { return; }
|
|
// Currently we disable a treeGrid sortable
|
|
if ($t.p.treeGrid) { return; }
|
|
if ($.fn.sortable) {
|
|
opts = $.extend({
|
|
"cursor": "move",
|
|
"axis": "y",
|
|
"items": " > .jqgrow"
|
|
},
|
|
opts || {});
|
|
if (opts.start && $.isFunction(opts.start)) {
|
|
opts._start_ = opts.start;
|
|
delete opts.start;
|
|
} else { opts._start_ = false; }
|
|
if (opts.update && $.isFunction(opts.update)) {
|
|
opts._update_ = opts.update;
|
|
delete opts.update;
|
|
} else { opts._update_ = false; }
|
|
opts.start = function (ev, ui) {
|
|
$(ui.item).css("border-width", "0");
|
|
$("td", ui.item).each(function (i) {
|
|
this.style.width = $t.grid.cols[i].style.width;
|
|
});
|
|
if ($t.p.subGrid) {
|
|
var subgid = $(ui.item).attr("id");
|
|
try {
|
|
$($t).jqGrid('collapseSubGridRow', subgid);
|
|
} catch (e) { }
|
|
}
|
|
if (opts._start_) {
|
|
opts._start_.apply(this, [ev, ui]);
|
|
}
|
|
};
|
|
opts.update = function (ev, ui) {
|
|
$(ui.item).css("border-width", "");
|
|
if ($t.p.rownumbers === true) {
|
|
$("td.jqgrid-rownum", $t.rows).each(function (i) {
|
|
$(this).html(i + 1 + (parseInt($t.p.page, 10) - 1) * parseInt($t.p.rowNum, 10));
|
|
});
|
|
}
|
|
if (opts._update_) {
|
|
opts._update_.apply(this, [ev, ui]);
|
|
}
|
|
};
|
|
$("tbody:first", $t).sortable(opts);
|
|
$("tbody:first > .jqgrow", $t).disableSelection();
|
|
}
|
|
});
|
|
},
|
|
gridDnD: function (opts) {
|
|
return this.each(function () {
|
|
var $t = this, i, cn;
|
|
if (!$t.grid) { return; }
|
|
// Currently we disable a treeGrid drag and drop
|
|
if ($t.p.treeGrid) { return; }
|
|
if (!$.fn.draggable || !$.fn.droppable) { return; }
|
|
function updateDnD() {
|
|
var datadnd = $.data($t, "dnd");
|
|
$("tr.jqgrow:not(.ui-draggable)", $t).draggable($.isFunction(datadnd.drag) ? datadnd.drag.call($($t), datadnd) : datadnd.drag);
|
|
}
|
|
var appender = "<table id='jqgrid_dnd' class='ui-jqgrid-dnd'></table>";
|
|
if ($("#jqgrid_dnd")[0] === undefined) {
|
|
$('body').append(appender);
|
|
}
|
|
|
|
if (typeof opts === 'string' && opts === 'updateDnD' && $t.p.jqgdnd === true) {
|
|
updateDnD();
|
|
return;
|
|
}
|
|
opts = $.extend({
|
|
"drag": function (opts) {
|
|
return $.extend({
|
|
start: function (ev, ui) {
|
|
var i, subgid;
|
|
// if we are in subgrid mode try to collapse the node
|
|
if ($t.p.subGrid) {
|
|
subgid = $(ui.helper).attr("id");
|
|
try {
|
|
$($t).jqGrid('collapseSubGridRow', subgid);
|
|
} catch (e) { }
|
|
}
|
|
// hack
|
|
// drag and drop does not insert tr in table, when the table has no rows
|
|
// we try to insert new empty row on the target(s)
|
|
for (i = 0; i < $.data($t, "dnd").connectWith.length; i++) {
|
|
if ($($.data($t, "dnd").connectWith[i]).jqGrid('getGridParam', 'reccount') === 0) {
|
|
$($.data($t, "dnd").connectWith[i]).jqGrid('addRowData', 'jqg_empty_row', {});
|
|
}
|
|
}
|
|
ui.helper.addClass("ui-state-highlight");
|
|
$("td", ui.helper).each(function (i) {
|
|
this.style.width = $t.grid.headers[i].width + "px";
|
|
});
|
|
if (opts.onstart && $.isFunction(opts.onstart)) { opts.onstart.call($($t), ev, ui); }
|
|
},
|
|
stop: function (ev, ui) {
|
|
var i, ids;
|
|
if (ui.helper.dropped && !opts.dragcopy) {
|
|
ids = $(ui.helper).attr("id");
|
|
if (ids === undefined) { ids = $(this).attr("id"); }
|
|
$($t).jqGrid('delRowData', ids);
|
|
}
|
|
// if we have a empty row inserted from start event try to delete it
|
|
for (i = 0; i < $.data($t, "dnd").connectWith.length; i++) {
|
|
$($.data($t, "dnd").connectWith[i]).jqGrid('delRowData', 'jqg_empty_row');
|
|
}
|
|
if (opts.onstop && $.isFunction(opts.onstop)) { opts.onstop.call($($t), ev, ui); }
|
|
}
|
|
}, opts.drag_opts || {});
|
|
},
|
|
"drop": function (opts) {
|
|
return $.extend({
|
|
accept: function (d) {
|
|
if (!$(d).hasClass('jqgrow')) { return d; }
|
|
var tid = $(d).closest("table.ui-jqgrid-btable");
|
|
if (tid.length > 0 && $.data(tid[0], "dnd") !== undefined) {
|
|
var cn = $.data(tid[0], "dnd").connectWith;
|
|
return $.inArray('#' + $.jgrid.jqID(this.id), cn) !== -1 ? true : false;
|
|
}
|
|
return false;
|
|
},
|
|
drop: function (ev, ui) {
|
|
if (!$(ui.draggable).hasClass('jqgrow')) { return; }
|
|
var accept = $(ui.draggable).attr("id");
|
|
var getdata = ui.draggable.parent().parent().jqGrid('getRowData', accept);
|
|
if (!opts.dropbyname) {
|
|
var j = 0, tmpdata = {}, nm, key;
|
|
var dropmodel = $("#" + $.jgrid.jqID(this.id)).jqGrid('getGridParam', 'colModel');
|
|
try {
|
|
for (key in getdata) {
|
|
if (getdata.hasOwnProperty(key)) {
|
|
nm = dropmodel[j].name;
|
|
if (!(nm === 'cb' || nm === 'rn' || nm === 'subgrid')) {
|
|
if (getdata.hasOwnProperty(key) && dropmodel[j]) {
|
|
tmpdata[nm] = getdata[key];
|
|
}
|
|
}
|
|
j++;
|
|
}
|
|
}
|
|
getdata = tmpdata;
|
|
} catch (e) { }
|
|
}
|
|
ui.helper.dropped = true;
|
|
if (opts.beforedrop && $.isFunction(opts.beforedrop)) {
|
|
//parameters to this callback - event, element, data to be inserted, sender, reciever
|
|
// should return object which will be inserted into the reciever
|
|
var datatoinsert = opts.beforedrop.call(this, ev, ui, getdata, $('#' + $.jgrid.jqID($t.p.id)), $(this));
|
|
if (datatoinsert !== undefined && datatoinsert !== null && typeof datatoinsert === "object") { getdata = datatoinsert; }
|
|
}
|
|
if (ui.helper.dropped) {
|
|
var grid;
|
|
if (opts.autoid) {
|
|
if ($.isFunction(opts.autoid)) {
|
|
grid = opts.autoid.call(this, getdata);
|
|
} else {
|
|
grid = Math.ceil(Math.random() * 1000);
|
|
grid = opts.autoidprefix + grid;
|
|
}
|
|
}
|
|
// NULL is interpreted as undefined while null as object
|
|
$("#" + $.jgrid.jqID(this.id)).jqGrid('addRowData', grid, getdata, opts.droppos);
|
|
}
|
|
if (opts.ondrop && $.isFunction(opts.ondrop)) { opts.ondrop.call(this, ev, ui, getdata); }
|
|
}
|
|
}, opts.drop_opts || {});
|
|
},
|
|
"onstart": null,
|
|
"onstop": null,
|
|
"beforedrop": null,
|
|
"ondrop": null,
|
|
"drop_opts": {
|
|
"activeClass": "ui-state-active",
|
|
"hoverClass": "ui-state-hover"
|
|
},
|
|
"drag_opts": {
|
|
"revert": "invalid",
|
|
"helper": "clone",
|
|
"cursor": "move",
|
|
"appendTo": "#jqgrid_dnd",
|
|
"zIndex": 5000
|
|
},
|
|
"dragcopy": false,
|
|
"dropbyname": false,
|
|
"droppos": "first",
|
|
"autoid": true,
|
|
"autoidprefix": "dnd_"
|
|
}, opts || {});
|
|
|
|
if (!opts.connectWith) { return; }
|
|
opts.connectWith = opts.connectWith.split(",");
|
|
opts.connectWith = $.map(opts.connectWith, function (n) { return $.trim(n); });
|
|
$.data($t, "dnd", opts);
|
|
|
|
if ($t.p.reccount !== 0 && !$t.p.jqgdnd) {
|
|
updateDnD();
|
|
}
|
|
$t.p.jqgdnd = true;
|
|
for (i = 0; i < opts.connectWith.length; i++) {
|
|
cn = opts.connectWith[i];
|
|
$(cn).droppable($.isFunction(opts.drop) ? opts.drop.call($($t), opts) : opts.drop);
|
|
}
|
|
});
|
|
},
|
|
gridResize: function (opts) {
|
|
return this.each(function () {
|
|
var $t = this, gID = $.jgrid.jqID($t.p.id), req;
|
|
if (!$t.grid || !$.fn.resizable) { return; }
|
|
opts = $.extend({}, opts || {});
|
|
if (opts.alsoResize) {
|
|
opts._alsoResize_ = opts.alsoResize;
|
|
delete opts.alsoResize;
|
|
} else {
|
|
opts._alsoResize_ = false;
|
|
}
|
|
if (opts.stop && $.isFunction(opts.stop)) {
|
|
opts._stop_ = opts.stop;
|
|
delete opts.stop;
|
|
} else {
|
|
opts._stop_ = false;
|
|
}
|
|
opts.stop = function (ev, ui) {
|
|
$($t).jqGrid('setGridParam', { height: $("#gview_" + gID + " .ui-jqgrid-bdiv").height() });
|
|
$($t).jqGrid('setGridWidth', ui.size.width, opts.shrinkToFit);
|
|
if (opts._stop_) { opts._stop_.call($t, ev, ui); }
|
|
if ($t.p.caption) {
|
|
$("#gbox_" + gID).css({ 'height': 'auto' });
|
|
}
|
|
if ($t.p.frozenColumns) {
|
|
if (req) clearTimeout(req);
|
|
req = setTimeout(function () {
|
|
if (req) clearTimeout(req);
|
|
$("#" + gID).jqGrid("destroyFrozenColumns");
|
|
$("#" + gID).jqGrid("setFrozenColumns");
|
|
});
|
|
}
|
|
};
|
|
if (opts._alsoResize_) {
|
|
var optstest = "{\'#gview_" + gID + " .ui-jqgrid-bdiv\':true,'" + opts._alsoResize_ + "':true}";
|
|
opts.alsoResize = eval('(' + optstest + ')'); // the only way that I found to do this
|
|
} else {
|
|
opts.alsoResize = $(".ui-jqgrid-bdiv", "#gview_" + gID);
|
|
}
|
|
delete opts._alsoResize_;
|
|
$("#gbox_" + gID).resizable(opts);
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
function _pivotfilter(fn, context) {
|
|
/*jshint validthis: true */
|
|
var i,
|
|
value,
|
|
result = [],
|
|
length;
|
|
|
|
if (!this || typeof fn !== 'function' || (fn instanceof RegExp)) {
|
|
throw new TypeError();
|
|
}
|
|
|
|
length = this.length;
|
|
|
|
for (i = 0; i < length; i++) {
|
|
if (this.hasOwnProperty(i)) {
|
|
value = this[i];
|
|
if (fn.call(context, value, i, this)) {
|
|
result.push(value);
|
|
// We need break in order to cancel loop
|
|
// in case the row is found
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
$.assocArraySize = function (obj) {
|
|
// http://stackoverflow.com/a/6700/11236
|
|
var size = 0, key;
|
|
for (key in obj) {
|
|
if (obj.hasOwnProperty(key)) {
|
|
size++;
|
|
}
|
|
}
|
|
return size;
|
|
};
|
|
|
|
$.jgrid.extend({
|
|
pivotSetup: function (data, options) {
|
|
// data should come in json format
|
|
// The function return the new colModel and the transformed data
|
|
// again with group setup options which then will be passed to the grid
|
|
var columns = [],
|
|
pivotrows = [],
|
|
summaries = [],
|
|
member = [],
|
|
labels = [],
|
|
groupOptions = {
|
|
grouping: true,
|
|
groupingView: {
|
|
groupField: [],
|
|
groupSummary: [],
|
|
groupSummaryPos: []
|
|
}
|
|
},
|
|
headers = [],
|
|
o = $.extend({
|
|
rowTotals: false,
|
|
rowTotalsText: 'Total',
|
|
// summary columns
|
|
colTotals: false,
|
|
groupSummary: true,
|
|
groupSummaryPos: 'header',
|
|
frozenStaticCols: false
|
|
}, options || {});
|
|
this.each(function () {
|
|
|
|
var
|
|
row,
|
|
rowindex,
|
|
i,
|
|
|
|
rowlen = data.length,
|
|
xlen, ylen, aggrlen,
|
|
tmp,
|
|
newObj,
|
|
r = 0;
|
|
// utility funcs
|
|
/*
|
|
* Filter the data to a given criteria. Return the firt occurance
|
|
*/
|
|
function find(ar, fun, extra) {
|
|
var res;
|
|
res = _pivotfilter.call(ar, fun, extra);
|
|
return res.length > 0 ? res[0] : null;
|
|
}
|
|
/*
|
|
* Check if the grouped row column exist (See find)
|
|
* If the row is not find in pivot rows retun null,
|
|
* otherviese the column
|
|
*/
|
|
function findGroup(item, index) {
|
|
/*jshint validthis: true */
|
|
var j = 0, ret = true, i;
|
|
for (i in item) {
|
|
if (item.hasOwnProperty(i)) {
|
|
if (item[i] != this[j]) {
|
|
ret = false;
|
|
break;
|
|
}
|
|
j++;
|
|
if (j >= this.length) {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (ret) {
|
|
rowindex = index;
|
|
}
|
|
return ret;
|
|
}
|
|
/*
|
|
* Perform calculations of the pivot values.
|
|
*/
|
|
function calculation(oper, v, field, rc, _cnt) {
|
|
var ret;
|
|
switch (oper) {
|
|
case "sum":
|
|
ret = parseFloat(v || 0) + parseFloat((rc[field] || 0));
|
|
break;
|
|
case "count":
|
|
if (v === "" || v == null) {
|
|
v = 0;
|
|
}
|
|
if (rc.hasOwnProperty(field)) {
|
|
ret = v + 1;
|
|
} else {
|
|
ret = 0;
|
|
}
|
|
break;
|
|
case "min":
|
|
if (v === "" || v == null) {
|
|
ret = parseFloat(rc[field] || 0);
|
|
} else {
|
|
ret = Math.min(parseFloat(v), parseFloat(rc[field] || 0));
|
|
}
|
|
break;
|
|
case "max":
|
|
if (v === "" || v == null) {
|
|
ret = parseFloat(rc[field] || 0);
|
|
} else {
|
|
ret = Math.max(parseFloat(v), parseFloat(rc[field] || 0));
|
|
}
|
|
break;
|
|
case "avg": //avg grouping
|
|
|
|
ret = (parseFloat(v || 0) * (_cnt - 1) + parseFloat(rc[field] || 0)) / _cnt;
|
|
|
|
break;
|
|
}
|
|
return ret;
|
|
}
|
|
/*
|
|
* The function agragates the values of the pivot grid.
|
|
* Return the current row with pivot summary values
|
|
*/
|
|
function agregateFunc(row, aggr, value, curr) {
|
|
// default is sum
|
|
var arrln = aggr.length, i, label, j, jv, mainval = "", swapvals = [];
|
|
if ($.isArray(value)) {
|
|
jv = value.length;
|
|
swapvals = value;
|
|
} else {
|
|
jv = 1;
|
|
swapvals[0] = value;
|
|
}
|
|
member = [];
|
|
labels = [];
|
|
member.root = 0;
|
|
if (! !!curr._count) {
|
|
curr._count = 1;
|
|
} else {
|
|
curr._count++;
|
|
}
|
|
for (j = 0; j < jv; j++) {
|
|
var tmpmember = [], vl;
|
|
for (i = 0; i < arrln; i++) {
|
|
if (value == null) {
|
|
label = $.trim(aggr[i].member) + "_" + aggr[i].aggregator;
|
|
vl = label;
|
|
swapvals[0] = aggr[i].label || (aggr[i].aggregator + " " + $.trim(aggr[i].member));
|
|
} else {
|
|
vl = value[j].replace(/\s+/g, '');
|
|
try {
|
|
label = (arrln === 1 ? mainval + vl : mainval + vl + "_" + aggr[i].aggregator + "_" + String(i));
|
|
} catch (e) { }
|
|
swapvals[j] = value[j];
|
|
}
|
|
//if(j<=1 && vl !== '_r_Totals' && mainval === "") { // this does not fix full the problem
|
|
//mainval = vl;
|
|
//}
|
|
label = !isNaN(parseInt(label, 10)) ? label + " " : label;
|
|
curr[label] = tmpmember[label] = calculation(aggr[i].aggregator, curr[label], aggr[i].member, row, curr._count);
|
|
}
|
|
mainval += value[j].replace(/\s+/g, '');
|
|
//vl = !isNaN(parseInt(vl,10)) ? vl + " " : vl;
|
|
member[label] = tmpmember;
|
|
labels[label] = swapvals[j];
|
|
}
|
|
return curr;
|
|
}
|
|
// Making the row totals without to add in yDimension
|
|
if (o.rowTotals && o.yDimension.length > 0) {
|
|
var dn = o.yDimension[0].dataName;
|
|
o.yDimension.splice(0, 0, { dataName: dn });
|
|
o.yDimension[0].converter = function () { return '_r_Totals'; };
|
|
}
|
|
// build initial columns (colModel) from xDimension
|
|
xlen = $.isArray(o.xDimension) ? o.xDimension.length : 0;
|
|
ylen = o.yDimension.length;
|
|
aggrlen = $.isArray(o.aggregates) ? o.aggregates.length : 0;
|
|
if (xlen === 0 || aggrlen === 0) {
|
|
throw ("xDimension or aggregates optiona are not set!");
|
|
}
|
|
var colc;
|
|
for (i = 0; i < xlen; i++) {
|
|
colc = { name: o.xDimension[i].dataName, frozen: o.frozenStaticCols };
|
|
if (o.xDimension[i].isGroupField == null) {
|
|
o.xDimension[i].isGroupField = true;
|
|
}
|
|
colc = $.extend(true, colc, o.xDimension[i]);
|
|
columns.push(colc);
|
|
}
|
|
var groupfields = xlen - 1, tree = {};
|
|
//tree = { text: 'root', leaf: false, children: [] };
|
|
//loop over alll the source data
|
|
while (r < rowlen) {
|
|
row = data[r];
|
|
var xValue = [];
|
|
var yValue = [];
|
|
tmp = {};
|
|
i = 0;
|
|
// build the data from xDimension
|
|
do {
|
|
xValue[i] = $.trim(row[o.xDimension[i].dataName]);
|
|
tmp[o.xDimension[i].dataName] = xValue[i];
|
|
i++;
|
|
} while (i < xlen);
|
|
|
|
var k = 0;
|
|
rowindex = -1;
|
|
// check to see if the row is in our new pivotrow set
|
|
newObj = find(pivotrows, findGroup, xValue);
|
|
if (!newObj) {
|
|
// if the row is not in our set
|
|
k = 0;
|
|
// if yDimension is set
|
|
if (ylen >= 1) {
|
|
// build the cols set in yDimension
|
|
for (k = 0; k < ylen; k++) {
|
|
yValue[k] = $.trim(row[o.yDimension[k].dataName]);
|
|
// Check to see if we have user defined conditions
|
|
if (o.yDimension[k].converter && $.isFunction(o.yDimension[k].converter)) {
|
|
yValue[k] = o.yDimension[k].converter.call(this, yValue[k], xValue, yValue);
|
|
}
|
|
}
|
|
// make the colums based on aggregates definition
|
|
// and return the members for late calculation
|
|
tmp = agregateFunc(row, o.aggregates, yValue, tmp);
|
|
} else if (ylen === 0) {
|
|
// if not set use direct the aggregates
|
|
tmp = agregateFunc(row, o.aggregates, null, tmp);
|
|
}
|
|
// add the result in pivot rows
|
|
pivotrows.push(tmp);
|
|
} else {
|
|
// the pivot exists
|
|
if (rowindex >= 0) {
|
|
k = 0;
|
|
// make the recalculations
|
|
if (ylen >= 1) {
|
|
for (k = 0; k < ylen; k++) {
|
|
yValue[k] = $.trim(row[o.yDimension[k].dataName]);
|
|
if (o.yDimension[k].converter && $.isFunction(o.yDimension[k].converter)) {
|
|
yValue[k] = o.yDimension[k].converter.call(this, yValue[k], xValue, yValue);
|
|
}
|
|
}
|
|
newObj = agregateFunc(row, o.aggregates, yValue, newObj);
|
|
} else if (ylen === 0) {
|
|
newObj = agregateFunc(row, o.aggregates, null, newObj);
|
|
}
|
|
// update the row
|
|
pivotrows[rowindex] = newObj;
|
|
}
|
|
}
|
|
var kj = 0, current = null, existing = null, kk;
|
|
// Build a JSON tree from the member (see aggregateFunc)
|
|
// to make later the columns
|
|
//
|
|
for (kk in member) {
|
|
if (member.hasOwnProperty(kk)) {
|
|
if (kj === 0) {
|
|
if (!tree.children || tree.children === undefined) {
|
|
tree = { text: kk, level: 0, children: [], label: kk };
|
|
}
|
|
current = tree.children;
|
|
} else {
|
|
existing = null;
|
|
for (i = 0; i < current.length; i++) {
|
|
if (current[i].text === kk) {
|
|
//current[i].fields=member[kk];
|
|
existing = current[i];
|
|
break;
|
|
}
|
|
}
|
|
if (existing) {
|
|
current = existing.children;
|
|
} else {
|
|
current.push({ children: [], text: kk, level: kj, fields: member[kk], label: labels[kk] });
|
|
current = current[current.length - 1].children;
|
|
}
|
|
}
|
|
kj++;
|
|
}
|
|
}
|
|
r++;
|
|
}
|
|
var lastval = [], initColLen = columns.length, swaplen = initColLen;
|
|
if (ylen > 0) {
|
|
headers[ylen - 1] = { useColSpanStyle: false, groupHeaders: [] };
|
|
}
|
|
/*
|
|
* Recursive function which uses the tree to build the
|
|
* columns from the pivot values and set the group Headers
|
|
*/
|
|
function list(items) {
|
|
var l, j, key, k, col;
|
|
for (key in items) { // iterate
|
|
if (items.hasOwnProperty(key)) {
|
|
// write amount of spaces according to level
|
|
// and write name and newline
|
|
if (typeof items[key] !== "object") {
|
|
// If not a object build the header of the appropriate level
|
|
if (key === 'level') {
|
|
if (lastval[items.level] === undefined) {
|
|
lastval[items.level] = '';
|
|
if (items.level > 0 && items.text.indexOf('_r_Totals') === -1) {
|
|
headers[items.level - 1] = {
|
|
useColSpanStyle: false,
|
|
groupHeaders: []
|
|
};
|
|
}
|
|
}
|
|
if (lastval[items.level] !== items.text && items.children.length && items.text.indexOf('_r_Totals') === -1) {
|
|
if (items.level > 0) {
|
|
headers[items.level - 1].groupHeaders.push({
|
|
titleText: items.label,
|
|
numberOfColumns: 0
|
|
});
|
|
var collen = headers[items.level - 1].groupHeaders.length - 1,
|
|
colpos = collen === 0 ? swaplen : initColLen;//+aggrlen;
|
|
if (items.level - 1 === (o.rowTotals ? 1 : 0)) {
|
|
if (collen > 0) {
|
|
var l1 = 0;
|
|
for (var kk = 0; kk < collen; kk++) {
|
|
l1 += headers[items.level - 1].groupHeaders[kk].numberOfColumns;
|
|
}
|
|
if (l1) {
|
|
colpos = l1 + xlen;
|
|
}
|
|
}
|
|
}
|
|
if (columns[colpos]) {
|
|
headers[items.level - 1].groupHeaders[collen].startColumnName = columns[colpos].name;
|
|
headers[items.level - 1].groupHeaders[collen].numberOfColumns = columns.length - colpos;
|
|
}
|
|
initColLen = columns.length;
|
|
}
|
|
}
|
|
lastval[items.level] = items.text;
|
|
}
|
|
// This is in case when the member contain more than one summary item
|
|
if (items.level === ylen && key === 'level' && ylen > 0) {
|
|
if (aggrlen > 1) {
|
|
var ll = 1;
|
|
for (l in items.fields) {
|
|
if (items.fields.hasOwnProperty(l)) {
|
|
if (ll === 1) {
|
|
headers[ylen - 1].groupHeaders.push({ startColumnName: l, numberOfColumns: 1, titleText: items.label || items.text });
|
|
}
|
|
ll++;
|
|
}
|
|
}
|
|
headers[ylen - 1].groupHeaders[headers[ylen - 1].groupHeaders.length - 1].numberOfColumns = ll - 1;
|
|
} else {
|
|
headers.splice(ylen - 1, 1);
|
|
}
|
|
}
|
|
}
|
|
// if object, call recursively
|
|
if (items[key] != null && typeof items[key] === "object") {
|
|
list(items[key]);
|
|
}
|
|
// Finally build the columns
|
|
if (key === 'level') {
|
|
if (items.level > 0 && (items.level === (ylen === 0 ? items.level : ylen) || lastval[items.level].indexOf('_r_Totals') !== -1)) {
|
|
j = 0;
|
|
for (l in items.fields) {
|
|
if (items.fields.hasOwnProperty(l)) {
|
|
col = {};
|
|
for (k in o.aggregates[j]) {
|
|
if (o.aggregates[j].hasOwnProperty(k)) {
|
|
switch (k) {
|
|
case 'member':
|
|
case 'label':
|
|
case 'aggregator':
|
|
break;
|
|
default:
|
|
col[k] = o.aggregates[j][k];
|
|
}
|
|
}
|
|
}
|
|
if (aggrlen > 1) {
|
|
col.name = l;
|
|
col.label = o.aggregates[j].label || items.label;
|
|
} else {
|
|
col.name = items.text;
|
|
col.label = items.text === '_r_Totals' ? o.rowTotalsText : items.label;
|
|
}
|
|
columns.push(col);
|
|
j++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
list(tree);
|
|
var nm;
|
|
// loop again trougth the pivot rows in order to build grand total
|
|
if (o.colTotals) {
|
|
var plen = pivotrows.length;
|
|
while (plen--) {
|
|
for (i = xlen; i < columns.length; i++) {
|
|
nm = columns[i].name;
|
|
if (!summaries[nm]) {
|
|
summaries[nm] = parseFloat(pivotrows[plen][nm] || 0);
|
|
} else {
|
|
summaries[nm] += parseFloat(pivotrows[plen][nm] || 0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// based on xDimension levels build grouping
|
|
if (groupfields > 0) {
|
|
for (i = 0; i < groupfields; i++) {
|
|
if (columns[i].isGroupField) {
|
|
groupOptions.groupingView.groupField.push(columns[i].name);
|
|
groupOptions.groupingView.groupSummary.push(o.groupSummary);
|
|
groupOptions.groupingView.groupSummaryPos.push(o.groupSummaryPos);
|
|
}
|
|
}
|
|
} else {
|
|
// no grouping is needed
|
|
groupOptions.grouping = false;
|
|
}
|
|
groupOptions.sortname = columns[groupfields].name;
|
|
groupOptions.groupingView.hideFirstGroupCol = true;
|
|
});
|
|
// return the final result.
|
|
return { "colModel": columns, "rows": pivotrows, "groupOptions": groupOptions, "groupHeaders": headers, summary: summaries };
|
|
},
|
|
jqPivot: function (data, pivotOpt, gridOpt, ajaxOpt) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
|
|
function pivot(data) {
|
|
var pivotGrid = jQuery($t).jqGrid('pivotSetup', data, pivotOpt),
|
|
footerrow = $.assocArraySize(pivotGrid.summary) > 0 ? true : false,
|
|
query = $.jgrid.from.call($t, pivotGrid.rows), i, so, st, len;
|
|
if (pivotOpt.ignoreCase) {
|
|
query = query.ignoreCase();
|
|
}
|
|
for (i = 0; i < pivotGrid.groupOptions.groupingView.groupField.length; i++) {
|
|
so = pivotOpt.xDimension[i].sortorder ? pivotOpt.xDimension[i].sortorder : 'asc';
|
|
st = pivotOpt.xDimension[i].sorttype ? pivotOpt.xDimension[i].sorttype : 'text';
|
|
query.orderBy(pivotGrid.groupOptions.groupingView.groupField[i], so, st, '', st);
|
|
}
|
|
len = pivotOpt.xDimension.length;
|
|
if (pivotGrid.groupOptions.sortname && len) {
|
|
so = pivotOpt.xDimension[len - 1].sortorder ? pivotOpt.xDimension[len - 1].sortorder : 'asc';
|
|
st = pivotOpt.xDimension[len - 1].sorttype ? pivotOpt.xDimension[len - 1].sorttype : 'text';
|
|
query.orderBy(pivotGrid.groupOptions.sortname, so, st, '', st);
|
|
}
|
|
jQuery($t).jqGrid($.extend(true, {
|
|
datastr: $.extend(query.select(), footerrow ? { userdata: pivotGrid.summary } : {}),
|
|
datatype: "jsonstring",
|
|
footerrow: footerrow,
|
|
userDataOnFooter: footerrow,
|
|
colModel: pivotGrid.colModel,
|
|
viewrecords: true,
|
|
sortname: pivotOpt.xDimension[0].dataName // ?????
|
|
}, pivotGrid.groupOptions, gridOpt || {}));
|
|
var gHead = pivotGrid.groupHeaders;
|
|
if (gHead.length) {
|
|
for (i = 0; i < gHead.length ; i++) {
|
|
if (gHead[i] && gHead[i].groupHeaders.length) {
|
|
jQuery($t).jqGrid('setGroupHeaders', gHead[i]);
|
|
}
|
|
}
|
|
}
|
|
if (pivotOpt.frozenStaticCols) {
|
|
jQuery($t).jqGrid("setFrozenColumns");
|
|
}
|
|
}
|
|
|
|
if (typeof data === "string") {
|
|
$.ajax($.extend({
|
|
url: data,
|
|
dataType: 'json',
|
|
success: function (response) {
|
|
pivot($.jgrid.getAccessor(response, ajaxOpt && ajaxOpt.reader ? ajaxOpt.reader : 'rows'));
|
|
}
|
|
}, ajaxOpt || {}));
|
|
} else {
|
|
pivot(data);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid.extend({
|
|
setSubGrid: function () {
|
|
return this.each(function () {
|
|
var $t = this, cm, i,
|
|
classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].subgrid,
|
|
suboptions = {
|
|
plusicon: classes.icon_plus,
|
|
minusicon: classes.icon_minus,
|
|
openicon: classes.icon_open,
|
|
expandOnLoad: false,
|
|
delayOnLoad: 50,
|
|
selectOnExpand: false,
|
|
selectOnCollapse: false,
|
|
reloadOnExpand: true
|
|
};
|
|
$t.p.subGridOptions = $.extend(suboptions, $t.p.subGridOptions || {});
|
|
$t.p.colNames.unshift("");
|
|
$t.p.colModel.unshift({ name: 'subgrid', width: $.jgrid.cell_width ? $t.p.subGridWidth + $t.p.cellLayout : $t.p.subGridWidth, sortable: false, resizable: false, hidedlg: true, search: false, fixed: true });
|
|
cm = $t.p.subGridModel;
|
|
if (cm[0]) {
|
|
cm[0].align = $.extend([], cm[0].align || []);
|
|
for (i = 0; i < cm[0].name.length; i++) { cm[0].align[i] = cm[0].align[i] || 'left'; }
|
|
}
|
|
});
|
|
},
|
|
addSubGridCell: function (pos, iRow) {
|
|
var prp = '', ic, sid, icb;
|
|
this.each(function () {
|
|
prp = this.formatCol(pos, iRow);
|
|
sid = this.p.id;
|
|
ic = this.p.subGridOptions.plusicon;
|
|
icb = $.jgrid.styleUI[(this.p.styleUI || 'jQueryUI')].common;
|
|
});
|
|
return "<td role=\"gridcell\" aria-describedby=\"" + sid + "_subgrid\" class=\"ui-sgcollapsed sgcollapsed\" " + prp + "><a style='cursor:pointer;' class='ui-sghref'><span class='" + icb.icon_base + " " + ic + "'></span></a></td>";
|
|
},
|
|
addSubGrid: function (pos, sind) {
|
|
return this.each(function () {
|
|
var ts = this;
|
|
if (!ts.grid) { return; }
|
|
var base = $.jgrid.styleUI[(ts.p.styleUI || 'jQueryUI')].base,
|
|
common = $.jgrid.styleUI[(ts.p.styleUI || 'jQueryUI')].common;
|
|
//-------------------------
|
|
var subGridCell = function (trdiv, cell, pos) {
|
|
var tddiv = $("<td align='" + ts.p.subGridModel[0].align[pos] + "'></td>").html(cell);
|
|
$(trdiv).append(tddiv);
|
|
};
|
|
var subGridXml = function (sjxml, sbid) {
|
|
var tddiv, i, sgmap,
|
|
dummy = $("<table class='" + base.rowTable + " ui-common-table'><tbody></tbody></table>"),
|
|
trdiv = $("<tr></tr>");
|
|
for (i = 0; i < ts.p.subGridModel[0].name.length; i++) {
|
|
tddiv = $("<th class='" + base.headerBox + " ui-th-subgrid ui-th-column ui-th-" + ts.p.direction + "'></th>");
|
|
$(tddiv).html(ts.p.subGridModel[0].name[i]);
|
|
$(tddiv).width(ts.p.subGridModel[0].width[i]);
|
|
$(trdiv).append(tddiv);
|
|
}
|
|
$(dummy).append(trdiv);
|
|
if (sjxml) {
|
|
sgmap = ts.p.xmlReader.subgrid;
|
|
$(sgmap.root + " " + sgmap.row, sjxml).each(function () {
|
|
trdiv = $("<tr class='" + common.content + " ui-subtblcell'></tr>");
|
|
if (sgmap.repeatitems === true) {
|
|
$(sgmap.cell, this).each(function (i) {
|
|
subGridCell(trdiv, $(this).text() || ' ', i);
|
|
});
|
|
} else {
|
|
var f = ts.p.subGridModel[0].mapping || ts.p.subGridModel[0].name;
|
|
if (f) {
|
|
for (i = 0; i < f.length; i++) {
|
|
subGridCell(trdiv, $(f[i], this).text() || ' ', i);
|
|
}
|
|
}
|
|
}
|
|
$(dummy).append(trdiv);
|
|
});
|
|
}
|
|
var pID = $("table:first", ts.grid.bDiv).attr("id") + "_";
|
|
$("#" + $.jgrid.jqID(pID + sbid)).append(dummy);
|
|
ts.grid.hDiv.loading = false;
|
|
$("#load_" + $.jgrid.jqID(ts.p.id)).hide();
|
|
return false;
|
|
};
|
|
var subGridJson = function (sjxml, sbid) {
|
|
var tddiv, result, i, cur, sgmap, j,
|
|
dummy = $("<table class='" + base.rowTable + " ui-common-table'><tbody></tbody></table>"),
|
|
trdiv = $("<tr></tr>");
|
|
for (i = 0; i < ts.p.subGridModel[0].name.length; i++) {
|
|
tddiv = $("<th class='" + base.headerBox + " ui-th-subgrid ui-th-column ui-th-" + ts.p.direction + "'></th>");
|
|
$(tddiv).html(ts.p.subGridModel[0].name[i]);
|
|
$(tddiv).width(ts.p.subGridModel[0].width[i]);
|
|
$(trdiv).append(tddiv);
|
|
}
|
|
$(dummy).append(trdiv);
|
|
if (sjxml) {
|
|
sgmap = ts.p.jsonReader.subgrid;
|
|
result = $.jgrid.getAccessor(sjxml, sgmap.root);
|
|
if (result !== undefined) {
|
|
for (i = 0; i < result.length; i++) {
|
|
cur = result[i];
|
|
trdiv = $("<tr class='" + common.content + " ui-subtblcell'></tr>");
|
|
if (sgmap.repeatitems === true) {
|
|
if (sgmap.cell) { cur = cur[sgmap.cell]; }
|
|
for (j = 0; j < cur.length; j++) {
|
|
subGridCell(trdiv, cur[j] || ' ', j);
|
|
}
|
|
} else {
|
|
var f = ts.p.subGridModel[0].mapping || ts.p.subGridModel[0].name;
|
|
if (f.length) {
|
|
for (j = 0; j < f.length; j++) {
|
|
subGridCell(trdiv, cur[f[j]] || ' ', j);
|
|
}
|
|
}
|
|
}
|
|
$(dummy).append(trdiv);
|
|
}
|
|
}
|
|
}
|
|
var pID = $("table:first", ts.grid.bDiv).attr("id") + "_";
|
|
$("#" + $.jgrid.jqID(pID + sbid)).append(dummy);
|
|
ts.grid.hDiv.loading = false;
|
|
$("#load_" + $.jgrid.jqID(ts.p.id)).hide();
|
|
return false;
|
|
};
|
|
var populatesubgrid = function (rd) {
|
|
var sid, dp, i, j;
|
|
sid = $(rd).attr("id");
|
|
dp = { nd_: (new Date().getTime()) };
|
|
dp[ts.p.prmNames.subgridid] = sid;
|
|
if (!ts.p.subGridModel[0]) { return false; }
|
|
if (ts.p.subGridModel[0].params) {
|
|
for (j = 0; j < ts.p.subGridModel[0].params.length; j++) {
|
|
for (i = 0; i < ts.p.colModel.length; i++) {
|
|
if (ts.p.colModel[i].name === ts.p.subGridModel[0].params[j]) {
|
|
dp[ts.p.colModel[i].name] = $("td:eq(" + i + ")", rd).text().replace(/\ \;/ig, '');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (!ts.grid.hDiv.loading) {
|
|
ts.grid.hDiv.loading = true;
|
|
$("#load_" + $.jgrid.jqID(ts.p.id)).show();
|
|
if (!ts.p.subgridtype) { ts.p.subgridtype = ts.p.datatype; }
|
|
if ($.isFunction(ts.p.subgridtype)) {
|
|
ts.p.subgridtype.call(ts, dp);
|
|
} else {
|
|
ts.p.subgridtype = ts.p.subgridtype.toLowerCase();
|
|
}
|
|
switch (ts.p.subgridtype) {
|
|
case "xml":
|
|
case "json":
|
|
$.ajax($.extend({
|
|
type: ts.p.mtype,
|
|
url: $.isFunction(ts.p.subGridUrl) ? ts.p.subGridUrl.call(ts, dp) : ts.p.subGridUrl,
|
|
dataType: ts.p.subgridtype,
|
|
data: $.isFunction(ts.p.serializeSubGridData) ? ts.p.serializeSubGridData.call(ts, dp) : dp,
|
|
complete: function (sxml) {
|
|
if (ts.p.subgridtype === "xml") {
|
|
subGridXml(sxml.responseXML, sid);
|
|
} else {
|
|
subGridJson($.jgrid.parse(sxml.responseText), sid);
|
|
}
|
|
sxml = null;
|
|
}
|
|
}, $.jgrid.ajaxOptions, ts.p.ajaxSubgridOptions || {}));
|
|
break;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
var _id, pID, atd, nhc = 0, bfsc, $r;
|
|
$.each(ts.p.colModel, function () {
|
|
if (this.hidden === true || this.name === 'rn' || this.name === 'cb') {
|
|
nhc++;
|
|
}
|
|
});
|
|
var len = ts.rows.length, i = 1, hsret, ishsg = $.isFunction(ts.p.isHasSubGrid);
|
|
if (sind !== undefined && sind > 0) {
|
|
i = sind;
|
|
len = sind + 1;
|
|
}
|
|
while (i < len) {
|
|
if ($(ts.rows[i]).hasClass('jqgrow')) {
|
|
if (ts.p.scroll) {
|
|
$(ts.rows[i].cells[pos]).unbind('click');
|
|
}
|
|
hsret = null;
|
|
if (ishsg) {
|
|
var hsret = ts.p.isHasSubGrid.call(ts, ts.rows[i].id);
|
|
}
|
|
if (hsret === false) {
|
|
ts.rows[i].cells[pos].innerHTML = "";
|
|
} else {
|
|
$(ts.rows[i].cells[pos]).bind('click', function () {
|
|
var tr = $(this).parent("tr")[0];
|
|
pID = ts.p.id;
|
|
_id = tr.id;
|
|
$r = $("#" + pID + "_" + _id + "_expandedContent");
|
|
if ($(this).hasClass("sgcollapsed")) {
|
|
bfsc = $(ts).triggerHandler("jqGridSubGridBeforeExpand", [pID + "_" + _id, _id]);
|
|
bfsc = (bfsc === false || bfsc === 'stop') ? false : true;
|
|
if (bfsc && $.isFunction(ts.p.subGridBeforeExpand)) {
|
|
bfsc = ts.p.subGridBeforeExpand.call(ts, pID + "_" + _id, _id);
|
|
}
|
|
if (bfsc === false) { return false; }
|
|
|
|
if (ts.p.subGridOptions.reloadOnExpand === true || (ts.p.subGridOptions.reloadOnExpand === false && !$r.hasClass('ui-subgrid'))) {
|
|
atd = pos >= 1 ? "<td colspan='" + pos + "'> </td>" : "";
|
|
$(tr).after("<tr role='row' id='" + pID + "_" + _id + "_expandedContent" + "' class='ui-subgrid ui-sg-expanded'>" + atd + "<td class='" + common.content + " subgrid-cell'><span class='" + common.icon_base + " " + ts.p.subGridOptions.openicon + "'></span></td><td colspan='" + parseInt(ts.p.colNames.length - 1 - nhc, 10) + "' class='" + common.content + " subgrid-data'><div id=" + pID + "_" + _id + " class='tablediv'></div></td></tr>");
|
|
$(ts).triggerHandler("jqGridSubGridRowExpanded", [pID + "_" + _id, _id]);
|
|
if ($.isFunction(ts.p.subGridRowExpanded)) {
|
|
ts.p.subGridRowExpanded.call(ts, pID + "_" + _id, _id);
|
|
} else {
|
|
populatesubgrid(tr);
|
|
}
|
|
} else {
|
|
$r.show().removeClass("ui-sg-collapsed").addClass("ui-sg-expanded");
|
|
}
|
|
$(this).html("<a style='cursor:pointer;' class='ui-sghref'><span class='" + common.icon_base + " " + ts.p.subGridOptions.minusicon + "'></span></a>").removeClass("sgcollapsed").addClass("sgexpanded");
|
|
if (ts.p.subGridOptions.selectOnExpand) {
|
|
$(ts).jqGrid('setSelection', _id);
|
|
}
|
|
} else if ($(this).hasClass("sgexpanded")) {
|
|
bfsc = $(ts).triggerHandler("jqGridSubGridRowColapsed", [pID + "_" + _id, _id]);
|
|
bfsc = (bfsc === false || bfsc === 'stop') ? false : true;
|
|
if (bfsc && $.isFunction(ts.p.subGridRowColapsed)) {
|
|
bfsc = ts.p.subGridRowColapsed.call(ts, pID + "_" + _id, _id);
|
|
}
|
|
if (bfsc === false) { return false; }
|
|
if (ts.p.subGridOptions.reloadOnExpand === true) {
|
|
$r.remove(".ui-subgrid");
|
|
} else if ($r.hasClass('ui-subgrid')) { // incase of dynamic deleting
|
|
$r.hide().addClass("ui-sg-collapsed").removeClass("ui-sg-expanded");
|
|
}
|
|
$(this).html("<a style='cursor:pointer;' class='ui-sghref'><span class='" + common.icon_base + " " + ts.p.subGridOptions.plusicon + "'></span></a>").removeClass("sgexpanded").addClass("sgcollapsed");
|
|
if (ts.p.subGridOptions.selectOnCollapse) {
|
|
$(ts).jqGrid('setSelection', _id);
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
i++;
|
|
}
|
|
if (ts.p.subGridOptions.expandOnLoad === true) {
|
|
$(ts.rows).filter('.jqgrow').each(function (index, row) {
|
|
$(row.cells[0]).click();
|
|
});
|
|
}
|
|
ts.subGridXml = function (xml, sid) { subGridXml(xml, sid); };
|
|
ts.subGridJson = function (json, sid) { subGridJson(json, sid); };
|
|
});
|
|
},
|
|
expandSubGridRow: function (rowid) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid && !rowid) { return; }
|
|
if ($t.p.subGrid === true) {
|
|
var rc = $(this).jqGrid("getInd", rowid, true);
|
|
if (rc) {
|
|
var sgc = $("td.sgcollapsed", rc)[0];
|
|
if (sgc) {
|
|
$(sgc).trigger("click");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
collapseSubGridRow: function (rowid) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid && !rowid) { return; }
|
|
if ($t.p.subGrid === true) {
|
|
var rc = $(this).jqGrid("getInd", rowid, true);
|
|
if (rc) {
|
|
var sgc = $("td.sgexpanded", rc)[0];
|
|
if (sgc) {
|
|
$(sgc).trigger("click");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
toggleSubGridRow: function (rowid) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid && !rowid) { return; }
|
|
if ($t.p.subGrid === true) {
|
|
var rc = $(this).jqGrid("getInd", rowid, true);
|
|
if (rc) {
|
|
var sgc = $("td.sgcollapsed", rc)[0];
|
|
if (sgc) {
|
|
$(sgc).trigger("click");
|
|
} else {
|
|
sgc = $("td.sgexpanded", rc)[0];
|
|
if (sgc) {
|
|
$(sgc).trigger("click");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.jgrid.extend({
|
|
setTreeNode: function (i, len) {
|
|
return this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var expCol = $t.p.expColInd,
|
|
expanded = $t.p.treeReader.expanded_field,
|
|
isLeaf = $t.p.treeReader.leaf_field,
|
|
level = $t.p.treeReader.level_field,
|
|
icon = $t.p.treeReader.icon_field,
|
|
loaded = $t.p.treeReader.loaded, lft, rgt, curLevel, ident, lftpos, twrap,
|
|
ldat, lf,
|
|
common = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].common,
|
|
index = i;
|
|
$($t).triggerHandler("jqGridBeforeSetTreeNode", [index, len]);
|
|
if ($.isFunction($t.p.beforeSetTreeNode)) {
|
|
$t.p.beforeSetTreeNode.call($t, index, len);
|
|
}
|
|
while (i < len) {
|
|
var ind = $.jgrid.stripPref($t.p.idPrefix, $t.rows[i].id), dind = $t.p._index[ind], expan;
|
|
ldat = $t.p.data[dind];
|
|
//$t.rows[i].level = ldat[level];
|
|
if ($t.p.treeGridModel === 'nested') {
|
|
if (!ldat[isLeaf]) {
|
|
lft = parseInt(ldat[$t.p.treeReader.left_field], 10);
|
|
rgt = parseInt(ldat[$t.p.treeReader.right_field], 10);
|
|
// NS Model
|
|
ldat[isLeaf] = (rgt === lft + 1) ? 'true' : 'false';
|
|
$t.rows[i].cells[$t.p._treeleafpos].innerHTML = ldat[isLeaf];
|
|
}
|
|
}
|
|
//else {
|
|
//row.parent_id = rd[$t.p.treeReader.parent_id_field];
|
|
//}
|
|
curLevel = parseInt(ldat[level], 10);
|
|
if ($t.p.tree_root_level === 0) {
|
|
ident = curLevel + 1;
|
|
lftpos = curLevel;
|
|
} else {
|
|
ident = curLevel;
|
|
lftpos = curLevel - 1;
|
|
}
|
|
twrap = "<div class='tree-wrap tree-wrap-" + $t.p.direction + "' style='width:" + (ident * 18) + "px;'>";
|
|
twrap += "<div style='" + ($t.p.direction === "rtl" ? "right:" : "left:") + (lftpos * 18) + "px;' class='" + common.icon_base + " ";
|
|
|
|
|
|
if (ldat[loaded] !== undefined) {
|
|
if (ldat[loaded] === "true" || ldat[loaded] === true) {
|
|
ldat[loaded] = true;
|
|
} else {
|
|
ldat[loaded] = false;
|
|
}
|
|
}
|
|
if (ldat[isLeaf] === "true" || ldat[isLeaf] === true) {
|
|
//twrap += ((ldat[icon] !== undefined && ldat[icon] !== "") ? ldat[icon] : $t.p.treeIcons.leaf) + " tree-leaf treeclick";
|
|
ldat[isLeaf] = true;
|
|
lf = "leaf";
|
|
} else {
|
|
ldat[isLeaf] = false;
|
|
lf = "";
|
|
}
|
|
ldat[expanded] = ((ldat[expanded] === "true" || ldat[expanded] === true) ? true : false) && (ldat[loaded] || ldat[loaded] === undefined);
|
|
if (ldat[expanded] === false) {
|
|
twrap += ((ldat[isLeaf] === true) ? "'" : $t.p.treeIcons.plus + " tree-plus treeclick'");
|
|
} else {
|
|
twrap += ((ldat[isLeaf] === true) ? "'" : $t.p.treeIcons.minus + " tree-minus treeclick'");
|
|
}
|
|
|
|
twrap += "></div></div>";
|
|
$($t.rows[i].cells[expCol]).wrapInner("<span class='cell-wrapper" + lf + "'></span>").prepend(twrap);
|
|
|
|
if (curLevel !== parseInt($t.p.tree_root_level, 10)) {
|
|
//var pn = $($t).jqGrid('getNodeParent',ldat);
|
|
//expan = pn && pn.hasOwnProperty(expanded) ? pn[expanded] : true;
|
|
expan = $($t).jqGrid('isVisibleNode', ldat); // overhead
|
|
if (!expan) {
|
|
$($t.rows[i]).css("display", "none");
|
|
}
|
|
}
|
|
$($t.rows[i].cells[expCol])
|
|
.find("div.treeclick")
|
|
.bind("click", function (e) {
|
|
var target = e.target || e.srcElement,
|
|
ind2 = $.jgrid.stripPref($t.p.idPrefix, $(target, $t.rows).closest("tr.jqgrow")[0].id),
|
|
pos = $t.p._index[ind2];
|
|
if (!$t.p.data[pos][isLeaf]) {
|
|
if ($t.p.data[pos][expanded]) {
|
|
$($t).jqGrid("collapseRow", $t.p.data[pos]);
|
|
$($t).jqGrid("collapseNode", $t.p.data[pos]);
|
|
} else {
|
|
$($t).jqGrid("expandRow", $t.p.data[pos]);
|
|
$($t).jqGrid("expandNode", $t.p.data[pos]);
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
if ($t.p.ExpandColClick === true) {
|
|
$($t.rows[i].cells[expCol])
|
|
.find("span.cell-wrapper")
|
|
.css("cursor", "pointer")
|
|
.bind("click", function (e) {
|
|
var target = e.target || e.srcElement,
|
|
ind2 = $.jgrid.stripPref($t.p.idPrefix, $(target, $t.rows).closest("tr.jqgrow")[0].id),
|
|
pos = $t.p._index[ind2];
|
|
if (!$t.p.data[pos][isLeaf]) {
|
|
if ($t.p.data[pos][expanded]) {
|
|
$($t).jqGrid("collapseRow", $t.p.data[pos]);
|
|
$($t).jqGrid("collapseNode", $t.p.data[pos]);
|
|
} else {
|
|
$($t).jqGrid("expandRow", $t.p.data[pos]);
|
|
$($t).jqGrid("expandNode", $t.p.data[pos]);
|
|
}
|
|
}
|
|
$($t).jqGrid("setSelection", ind2);
|
|
return false;
|
|
});
|
|
}
|
|
i++;
|
|
}
|
|
$($t).triggerHandler("jqGridAfterSetTreeNode", [index, len]);
|
|
if ($.isFunction($t.p.afterSetTreeNode)) {
|
|
$t.p.afterSetTreeNode.call($t, index, len);
|
|
}
|
|
});
|
|
},
|
|
setTreeGrid: function () {
|
|
return this.each(function () {
|
|
var $t = this, i = 0, pico, ecol = false, nm, key, tkey, dupcols = [],
|
|
classes = $.jgrid.styleUI[($t.p.styleUI || 'jQueryUI')].treegrid;
|
|
if (!$t.p.treeGrid) { return; }
|
|
if (!$t.p.treedatatype) { $.extend($t.p, { treedatatype: $t.p.datatype }); }
|
|
if ($t.p.loadonce) { $t.p.treedatatype = 'local'; }
|
|
$t.p.subGrid = false; $t.p.altRows = false;
|
|
$t.p.pgbuttons = false; $t.p.pginput = false;
|
|
$t.p.gridview = true;
|
|
if ($t.p.rowTotal === null) { $t.p.rowNum = 10000; }
|
|
$t.p.multiselect = false; $t.p.rowList = [];
|
|
$t.p.expColInd = 0;
|
|
pico = classes.icon_plus;
|
|
if ($t.p.styleUI === 'jQueryUI') {
|
|
pico += ($t.p.direction === "rtl" ? 'w' : 'e');
|
|
}
|
|
$t.p.treeIcons = $.extend({ plus: pico, minus: classes.icon_minus, leaf: classes.icon_leaf }, $t.p.treeIcons || {});
|
|
if ($t.p.treeGridModel === 'nested') {
|
|
$t.p.treeReader = $.extend({
|
|
level_field: "level",
|
|
left_field: "lft",
|
|
right_field: "rgt",
|
|
leaf_field: "isLeaf",
|
|
expanded_field: "expanded",
|
|
loaded: "loaded",
|
|
icon_field: "icon"
|
|
}, $t.p.treeReader);
|
|
} else if ($t.p.treeGridModel === 'adjacency') {
|
|
$t.p.treeReader = $.extend({
|
|
level_field: "level",
|
|
parent_id_field: "parent",
|
|
leaf_field: "isLeaf",
|
|
expanded_field: "expanded",
|
|
loaded: "loaded",
|
|
icon_field: "icon"
|
|
}, $t.p.treeReader);
|
|
}
|
|
for (key in $t.p.colModel) {
|
|
if ($t.p.colModel.hasOwnProperty(key)) {
|
|
nm = $t.p.colModel[key].name;
|
|
if (nm === $t.p.ExpandColumn && !ecol) {
|
|
ecol = true;
|
|
$t.p.expColInd = i;
|
|
}
|
|
i++;
|
|
//
|
|
for (tkey in $t.p.treeReader) {
|
|
if ($t.p.treeReader.hasOwnProperty(tkey) && $t.p.treeReader[tkey] === nm) {
|
|
dupcols.push(nm);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
$.each($t.p.treeReader, function (j, n) {
|
|
if (n && $.inArray(n, dupcols) === -1) {
|
|
if (j === 'leaf_field') { $t.p._treeleafpos = i; }
|
|
i++;
|
|
$t.p.colNames.push(n);
|
|
$t.p.colModel.push({ name: n, width: 1, hidden: true, sortable: false, resizable: false, hidedlg: true, editable: true, search: false });
|
|
}
|
|
});
|
|
});
|
|
},
|
|
expandRow: function (record) {
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var childern = $($t).jqGrid("getNodeChildren", record),
|
|
//if ($($t).jqGrid("isVisibleNode",record)) {
|
|
expanded = $t.p.treeReader.expanded_field,
|
|
rowid = record[$t.p.localReader.id];
|
|
var ret = $.isFunction($t.p.beforeExpandTreeGridRow) ? $t.p.beforeExpandTreeGridRow.call($t, rowid, record, childern) : true;
|
|
if (ret === false) { return; }
|
|
$(childern).each(function () {
|
|
var id = $t.p.idPrefix + $.jgrid.getAccessor(this, $t.p.localReader.id);
|
|
$($($t).jqGrid('getGridRowById', id)).css("display", "");
|
|
if (this[expanded]) {
|
|
$($t).jqGrid("expandRow", this);
|
|
}
|
|
});
|
|
if ($.isFunction($t.p.afterExpandTreeGridRow)) {
|
|
$t.p.afterExpandTreeGridRow.call($t, rowid, record, childern);
|
|
}
|
|
//}
|
|
});
|
|
},
|
|
collapseRow: function (record) {
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var childern = $($t).jqGrid("getNodeChildren", record),
|
|
expanded = $t.p.treeReader.expanded_field,
|
|
rowid = record[$t.p.localReader.id];
|
|
var ret = $.isFunction($t.p.beforeCollapseTreeGridRow) ? $t.p.beforeCollapseTreeGridRow.call($t, rowid, record, childern) : true;
|
|
if (ret === false) { return; }
|
|
$(childern).each(function () {
|
|
var id = $t.p.idPrefix + $.jgrid.getAccessor(this, $t.p.localReader.id);
|
|
$($($t).jqGrid('getGridRowById', id)).css("display", "none");
|
|
if (this[expanded]) {
|
|
$($t).jqGrid("collapseRow", this);
|
|
}
|
|
});
|
|
if ($.isFunction($t.p.afterCollapseTreeGridRow)) {
|
|
$t.p.afterCollapseTreeGridRow.call($t, rowid, record, childern);
|
|
}
|
|
});
|
|
},
|
|
// NS ,adjacency models
|
|
getRootNodes: function (currentview) {
|
|
var result = [];
|
|
this.each(function () {
|
|
var $t = this, level, parent_id, view;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
if (typeof currentview !== 'boolean') {
|
|
currentview = false;
|
|
}
|
|
if (currentview) {
|
|
view = $($t).jqGrid('getRowData', null, true);
|
|
} else {
|
|
view = $t.p.data;
|
|
}
|
|
switch ($t.p.treeGridModel) {
|
|
case 'nested':
|
|
level = $t.p.treeReader.level_field;
|
|
$(view).each(function () {
|
|
if (parseInt(this[level], 10) === parseInt($t.p.tree_root_level, 10)) {
|
|
if (currentview) {
|
|
result.push($t.p.data[$t.p._index[this[$t.p.keyName]]]);
|
|
} else {
|
|
result.push(this);
|
|
}
|
|
}
|
|
});
|
|
break;
|
|
case 'adjacency':
|
|
parent_id = $t.p.treeReader.parent_id_field;
|
|
$(view).each(function () {
|
|
if (this[parent_id] === null || String(this[parent_id]).toLowerCase() === "null") {
|
|
if (currentview) {
|
|
result.push($t.p.data[$t.p._index[this[$t.p.keyName]]]);
|
|
} else {
|
|
result.push(this);
|
|
}
|
|
}
|
|
});
|
|
break;
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
getNodeDepth: function (rc) {
|
|
var ret = null;
|
|
this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var $t = this;
|
|
switch ($t.p.treeGridModel) {
|
|
case 'nested':
|
|
var level = $t.p.treeReader.level_field;
|
|
ret = parseInt(rc[level], 10) - parseInt($t.p.tree_root_level, 10);
|
|
break;
|
|
case 'adjacency':
|
|
ret = $($t).jqGrid("getNodeAncestors", rc).length;
|
|
break;
|
|
}
|
|
});
|
|
return ret;
|
|
},
|
|
getNodeParent: function (rc) {
|
|
var result = null;
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
switch ($t.p.treeGridModel) {
|
|
case 'nested':
|
|
var lftc = $t.p.treeReader.left_field,
|
|
rgtc = $t.p.treeReader.right_field,
|
|
levelc = $t.p.treeReader.level_field,
|
|
lft = parseInt(rc[lftc], 10), rgt = parseInt(rc[rgtc], 10), level = parseInt(rc[levelc], 10);
|
|
$(this.p.data).each(function () {
|
|
if (parseInt(this[levelc], 10) === level - 1 && parseInt(this[lftc], 10) < lft && parseInt(this[rgtc], 10) > rgt) {
|
|
result = this;
|
|
return false;
|
|
}
|
|
});
|
|
break;
|
|
case 'adjacency':
|
|
var parent_id = $t.p.treeReader.parent_id_field,
|
|
dtid = $t.p.localReader.id,
|
|
ind = rc[dtid], pos = $t.p._index[ind];
|
|
while (pos--) {
|
|
if ($t.p.data[pos][dtid] === $.jgrid.stripPref($t.p.idPrefix, rc[parent_id])) {
|
|
result = $t.p.data[pos];
|
|
break;
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
getNodeChildren: function (rc, currentview) {
|
|
var result = [];
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var i, len = currentview ? this.rows.length : this.p.data.length, row;
|
|
switch ($t.p.treeGridModel) {
|
|
case 'nested':
|
|
var lftc = $t.p.treeReader.left_field,
|
|
rgtc = $t.p.treeReader.right_field,
|
|
levelc = $t.p.treeReader.level_field,
|
|
lft = parseInt(rc[lftc], 10), rgt = parseInt(rc[rgtc], 10), level = parseInt(rc[levelc], 10);
|
|
for (i = 0; i < len; i++) {
|
|
row = currentview ? $t.p.data[$t.p._index[this.rows[i].id]] : $t.p.data[i];
|
|
if (row && parseInt(row[levelc], 10) === level + 1 && parseInt(row[lftc], 10) > lft && parseInt(row[rgtc], 10) < rgt) {
|
|
result.push(row);
|
|
}
|
|
}
|
|
break;
|
|
case 'adjacency':
|
|
var parent_id = $t.p.treeReader.parent_id_field,
|
|
dtid = $t.p.localReader.id;
|
|
for (i = 0; i < len; i++) {
|
|
row = currentview ? $t.p.data[$t.p._index[this.rows[i].id]] : $t.p.data[i];
|
|
if (row && String(row[parent_id]) === $.jgrid.stripPref($t.p.idPrefix, rc[dtid])) {
|
|
result.push(row);
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
getFullTreeNode: function (rc, expand) {
|
|
var result = [];
|
|
this.each(function () {
|
|
var $t = this, len, expanded = $t.p.treeReader.expanded_field;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
if (expand == null || typeof expand !== 'boolean') {
|
|
expand = false;
|
|
}
|
|
switch ($t.p.treeGridModel) {
|
|
case 'nested':
|
|
var lftc = $t.p.treeReader.left_field,
|
|
rgtc = $t.p.treeReader.right_field,
|
|
levelc = $t.p.treeReader.level_field,
|
|
lft = parseInt(rc[lftc], 10), rgt = parseInt(rc[rgtc], 10), level = parseInt(rc[levelc], 10);
|
|
$(this.p.data).each(function () {
|
|
if (parseInt(this[levelc], 10) >= level && parseInt(this[lftc], 10) >= lft && parseInt(this[lftc], 10) <= rgt) {
|
|
if (expand) { this[expanded] = true; }
|
|
result.push(this);
|
|
}
|
|
});
|
|
break;
|
|
case 'adjacency':
|
|
if (rc) {
|
|
result.push(rc);
|
|
var parent_id = $t.p.treeReader.parent_id_field,
|
|
dtid = $t.p.localReader.id;
|
|
$(this.p.data).each(function (i) {
|
|
len = result.length;
|
|
for (i = 0; i < len; i++) {
|
|
if ($.jgrid.stripPref($t.p.idPrefix, result[i][dtid]) === this[parent_id]) {
|
|
if (expand) { this[expanded] = true; }
|
|
result.push(this);
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
// End NS, adjacency Model
|
|
getNodeAncestors: function (rc, reverse, expanded) {
|
|
var ancestors = [];
|
|
if (reverse === undefined) {
|
|
reverse = false;
|
|
}
|
|
this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
if (expanded === undefined) {
|
|
expanded = false;
|
|
} else {
|
|
expanded = this.p.treeReader.expanded_field;
|
|
}
|
|
var parent = $(this).jqGrid("getNodeParent", rc);
|
|
while (parent) {
|
|
if (expanded) {
|
|
try {
|
|
parent[expanded] = true;
|
|
} catch (etn) { }
|
|
}
|
|
if (reverse) {
|
|
ancestors.unshift(parent);
|
|
} else {
|
|
ancestors.push(parent);
|
|
}
|
|
parent = $(this).jqGrid("getNodeParent", parent);
|
|
}
|
|
});
|
|
return ancestors;
|
|
},
|
|
isVisibleNode: function (rc) {
|
|
var result = true;
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var ancestors = $($t).jqGrid("getNodeAncestors", rc),
|
|
expanded = $t.p.treeReader.expanded_field;
|
|
$(ancestors).each(function () {
|
|
result = result && this[expanded];
|
|
if (!result) { return false; }
|
|
});
|
|
});
|
|
return result;
|
|
},
|
|
isNodeLoaded: function (rc) {
|
|
var result;
|
|
this.each(function () {
|
|
var $t = this;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var isLeaf = $t.p.treeReader.leaf_field,
|
|
loaded = $t.p.treeReader.loaded;
|
|
if (rc !== undefined) {
|
|
if (rc[loaded] !== undefined) {
|
|
result = rc[loaded];
|
|
} else if (rc[isLeaf] || $($t).jqGrid("getNodeChildren", rc).length > 0) {
|
|
result = true;
|
|
} else {
|
|
result = false;
|
|
}
|
|
} else {
|
|
result = false;
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
setLeaf: function (rc, state, collapsed) {
|
|
return this.each(function () {
|
|
var id = $.jgrid.getAccessor(rc, this.p.localReader.id),
|
|
rc1 = $("#" + id, this.grid.bDiv)[0],
|
|
isLeaf = this.p.treeReader.leaf_field;
|
|
try {
|
|
var dr = this.p._index[id];
|
|
if (dr != null) {
|
|
this.p.data[dr][isLeaf] = state;
|
|
}
|
|
} catch (E) { }
|
|
if (state === true) {
|
|
// set it in data
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.minus + " tree-minus " + this.p.treeIcons.plus + " tree-plus").addClass(this.p.treeIcons.leaf + " tree-leaf");
|
|
} else if (state === false) {
|
|
var ico = this.p.treeIcons.minus + " tree-minus";
|
|
if (collapsed) {
|
|
ico = this.p.treeIcons.plus + " tree-plus";
|
|
}
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.leaf + " tree-leaf").addClass(ico);
|
|
}
|
|
});
|
|
},
|
|
reloadNode: function (rc, reloadcurrent) {
|
|
return this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var rid = this.p.localReader.id,
|
|
currselection = this.p.selrow;
|
|
|
|
$(this).jqGrid("delChildren", rc[rid]);
|
|
|
|
if (reloadcurrent === undefined) {
|
|
reloadcurrent = false;
|
|
}
|
|
|
|
if (!reloadcurrent) {
|
|
if (!jQuery._data(this, "events").jqGridAfterSetTreeNode) {
|
|
$(this).bind("jqGridAfterSetTreeNode.reloadNode", function () {
|
|
var isLeaf = this.p.treeReader.leaf_field;
|
|
if (this.p.reloadnode) {
|
|
var rc = this.p.reloadnode,
|
|
chld = $(this).jqGrid('getNodeChildren', rc);
|
|
if (rc[isLeaf] && chld.length) {
|
|
$(this).jqGrid('setLeaf', rc, false);
|
|
} else if (!rc[isLeaf] && chld.length === 0) {
|
|
$(this).jqGrid('setLeaf', rc, true);
|
|
}
|
|
}
|
|
this.p.reloadnode = false;
|
|
});
|
|
}
|
|
}
|
|
var expanded = this.p.treeReader.expanded_field,
|
|
parent = this.p.treeReader.parent_id_field,
|
|
loaded = this.p.treeReader.loaded,
|
|
level = this.p.treeReader.level_field,
|
|
isLeaf = this.p.treeReader.leaf_field,
|
|
lft = this.p.treeReader.left_field,
|
|
rgt = this.p.treeReader.right_field;
|
|
|
|
var id = $.jgrid.getAccessor(rc, this.p.localReader.id),
|
|
rc1 = $("#" + id, this.grid.bDiv)[0];
|
|
|
|
rc[expanded] = true;
|
|
if (!rc[isLeaf]) {
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.plus + " tree-plus").addClass(this.p.treeIcons.minus + " tree-minus");
|
|
}
|
|
this.p.treeANode = rc1.rowIndex;
|
|
this.p.datatype = this.p.treedatatype;
|
|
this.p.reloadnode = rc;
|
|
if (reloadcurrent) {
|
|
this.p.treeANode = rc1.rowIndex > 0 ? rc1.rowIndex - 1 : 1;
|
|
$(this).jqGrid('delRowData', id);
|
|
}
|
|
if (this.p.treeGridModel === 'nested') {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: id, n_left: rc[lft], n_right: rc[rgt], n_level: rc[level] } });
|
|
} else {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: id, parentid: rc[parent], n_level: rc[level] } });
|
|
}
|
|
$(this).trigger("reloadGrid");
|
|
|
|
rc[loaded] = true;
|
|
if (this.p.treeGridModel === 'nested') {
|
|
$(this).jqGrid("setGridParam", { selrow: currselection, postData: { nodeid: '', n_left: '', n_right: '', n_level: '' } });
|
|
} else {
|
|
$(this).jqGrid("setGridParam", { selrow: currselection, postData: { nodeid: '', parentid: '', n_level: '' } });
|
|
}
|
|
});
|
|
},
|
|
expandNode: function (rc) {
|
|
return this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var expanded = this.p.treeReader.expanded_field,
|
|
parent = this.p.treeReader.parent_id_field,
|
|
loaded = this.p.treeReader.loaded,
|
|
level = this.p.treeReader.level_field,
|
|
lft = this.p.treeReader.left_field,
|
|
rgt = this.p.treeReader.right_field;
|
|
|
|
if (!rc[expanded]) {
|
|
var id = $.jgrid.getAccessor(rc, this.p.localReader.id),
|
|
rc1 = $("#" + this.p.idPrefix + $.jgrid.jqID(id), this.grid.bDiv)[0],
|
|
position = this.p._index[id],
|
|
ret = $.isFunction(this.p.beforeExpandTreeGridNode) ? this.p.beforeExpandTreeGridNode.call(this, id, rc) : true;
|
|
if (ret === false) { return; }
|
|
|
|
if ($(this).jqGrid("isNodeLoaded", this.p.data[position])) {
|
|
rc[expanded] = true;
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.plus + " tree-plus").addClass(this.p.treeIcons.minus + " tree-minus");
|
|
} else if (!this.grid.hDiv.loading) {
|
|
rc[expanded] = true;
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.plus + " tree-plus").addClass(this.p.treeIcons.minus + " tree-minus");
|
|
this.p.treeANode = rc1.rowIndex;
|
|
this.p.datatype = this.p.treedatatype;
|
|
if (this.p.treeGridModel === 'nested') {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: id, n_left: rc[lft], n_right: rc[rgt], n_level: rc[level] } });
|
|
} else {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: id, parentid: rc[parent], n_level: rc[level] } });
|
|
}
|
|
$(this).trigger("reloadGrid");
|
|
rc[loaded] = true;
|
|
if (this.p.treeGridModel === 'nested') {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: '', n_left: '', n_right: '', n_level: '' } });
|
|
} else {
|
|
$(this).jqGrid("setGridParam", { postData: { nodeid: '', parentid: '', n_level: '' } });
|
|
}
|
|
}
|
|
if ($.isFunction(this.p.afterExpandTreeGridNode)) {
|
|
this.p.afterExpandTreeGridNode.call(this, id, rc);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
collapseNode: function (rc) {
|
|
return this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var expanded = this.p.treeReader.expanded_field;
|
|
if (rc[expanded]) {
|
|
var id = $.jgrid.getAccessor(rc, this.p.localReader.id),
|
|
ret = $.isFunction(this.p.beforeCollapseTreeGridNode) ? this.p.beforeCollapseTreeGridNode.call(this, id, rc) : true,
|
|
rc1 = $("#" + this.p.idPrefix + $.jgrid.jqID(id), this.grid.bDiv)[0];
|
|
rc[expanded] = false;
|
|
if (ret === false) { return; }
|
|
$("div.treeclick", rc1).removeClass(this.p.treeIcons.minus + " tree-minus").addClass(this.p.treeIcons.plus + " tree-plus");
|
|
if ($.isFunction(this.p.afterCollapseTreeGridNode)) {
|
|
this.p.afterCollapseTreeGridNode.call(this, id, rc);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
SortTree: function (sortname, newDir, st, datefmt) {
|
|
return this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var i, len,
|
|
rec, records = [], $t = this, query, roots,
|
|
rt = $(this).jqGrid("getRootNodes", $t.p.search);
|
|
// Sorting roots
|
|
query = $.jgrid.from.call(this, rt);
|
|
query.orderBy(sortname, newDir, st, datefmt);
|
|
roots = query.select();
|
|
|
|
// Sorting children
|
|
for (i = 0, len = roots.length; i < len; i++) {
|
|
rec = roots[i];
|
|
records.push(rec);
|
|
$(this).jqGrid("collectChildrenSortTree", records, rec, sortname, newDir, st, datefmt);
|
|
}
|
|
$.each(records, function (index) {
|
|
var id = $.jgrid.getAccessor(this, $t.p.localReader.id);
|
|
$('#' + $.jgrid.jqID($t.p.id) + ' tbody tr:eq(' + index + ')').after($('tr#' + $.jgrid.jqID(id), $t.grid.bDiv));
|
|
});
|
|
query = null; roots = null; records = null;
|
|
});
|
|
},
|
|
searchTree: function (recs) {
|
|
var i = recs.length || 0, ancestors = [], lid, roots = [], result = [], tid, alen, rlen, j, k;
|
|
this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) {
|
|
return;
|
|
}
|
|
if (i) {
|
|
lid = this.p.localReader.id;
|
|
while (i--) { // reverse
|
|
ancestors = $(this).jqGrid('getNodeAncestors', recs[i], true, true);
|
|
//add the searched item
|
|
ancestors.push(recs[i]);
|
|
tid = ancestors[0][lid];
|
|
if ($.inArray(tid, roots) !== -1) { // ignore repeated, but add missing
|
|
for (j = 0, alen = ancestors.length; j < alen; j++) {
|
|
//$.inArray ?!?
|
|
var found = false;
|
|
for (k = 0, rlen = result.length; k < rlen; k++) {
|
|
if (ancestors[j][lid] === result[k][lid]) {
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!found) {
|
|
result.push(ancestors[j]);
|
|
}
|
|
}
|
|
continue;
|
|
} else {
|
|
roots.push(tid);
|
|
}
|
|
result = result.concat(ancestors);
|
|
}
|
|
}
|
|
});
|
|
return result;
|
|
},
|
|
collectChildrenSortTree: function (records, rec, sortname, newDir, st, datefmt) {
|
|
return this.each(function () {
|
|
if (!this.grid || !this.p.treeGrid) { return; }
|
|
var i, len,
|
|
child, ch, query, children;
|
|
ch = $(this).jqGrid("getNodeChildren", rec, this.p.search);
|
|
query = $.jgrid.from.call(this, ch);
|
|
query.orderBy(sortname, newDir, st, datefmt);
|
|
children = query.select();
|
|
for (i = 0, len = children.length; i < len; i++) {
|
|
child = children[i];
|
|
records.push(child);
|
|
$(this).jqGrid("collectChildrenSortTree", records, child, sortname, newDir, st, datefmt);
|
|
}
|
|
});
|
|
},
|
|
// experimental
|
|
setTreeRow: function (rowid, data) {
|
|
var success = false;
|
|
this.each(function () {
|
|
var t = this;
|
|
if (!t.grid || !t.p.treeGrid) { return; }
|
|
success = $(t).jqGrid("setRowData", rowid, data);
|
|
});
|
|
return success;
|
|
},
|
|
delTreeNode: function (rowid) {
|
|
return this.each(function () {
|
|
var $t = this, rid = $t.p.localReader.id, i,
|
|
left = $t.p.treeReader.left_field,
|
|
right = $t.p.treeReader.right_field, myright, width, res, key;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var rc = $t.p._index[rowid];
|
|
if (rc !== undefined) {
|
|
// nested
|
|
myright = parseInt($t.p.data[rc][right], 10);
|
|
width = myright - parseInt($t.p.data[rc][left], 10) + 1;
|
|
var dr = $($t).jqGrid("getFullTreeNode", $t.p.data[rc]);
|
|
if (dr.length > 0) {
|
|
for (i = 0; i < dr.length; i++) {
|
|
$($t).jqGrid("delRowData", dr[i][rid]);
|
|
}
|
|
}
|
|
if ($t.p.treeGridModel === "nested") {
|
|
// ToDo - update grid data
|
|
res = $.jgrid.from.call($t, $t.p.data)
|
|
.greater(left, myright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][left] = parseInt(res[key][left], 10) - width;
|
|
}
|
|
}
|
|
}
|
|
res = $.jgrid.from.call($t, $t.p.data)
|
|
.greater(right, myright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][right] = parseInt(res[key][right], 10) - width;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
delChildren: function (rowid) {
|
|
return this.each(function () {
|
|
var $t = this, rid = $t.p.localReader.id,
|
|
left = $t.p.treeReader.left_field,
|
|
right = $t.p.treeReader.right_field, myright, width, res, key;
|
|
if (!$t.grid || !$t.p.treeGrid) { return; }
|
|
var rc = $t.p._index[rowid];
|
|
if (rc !== undefined) {
|
|
// nested
|
|
myright = parseInt($t.p.data[rc][right], 10);
|
|
width = myright - parseInt($t.p.data[rc][left], 10) + 1;
|
|
var dr = $($t).jqGrid("getFullTreeNode", $t.p.data[rc]);
|
|
if (dr.length > 0) {
|
|
for (var i = 0; i < dr.length; i++) {
|
|
if (dr[i][rid] !== rowid)
|
|
$($t).jqGrid("delRowData", dr[i][rid]);
|
|
}
|
|
}
|
|
if ($t.p.treeGridModel === "nested") {
|
|
// ToDo - update grid data
|
|
res = $.jgrid.from($t.p.data)
|
|
.greater(left, myright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][left] = parseInt(res[key][left], 10) - width;
|
|
}
|
|
}
|
|
}
|
|
res = $.jgrid.from($t.p.data)
|
|
.greater(right, myright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][right] = parseInt(res[key][right], 10) - width;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
addChildNode: function (nodeid, parentid, data, expandData) {
|
|
//return this.each(function(){
|
|
var $t = this[0];
|
|
if (data) {
|
|
// we suppose tha the id is autoincremet and
|
|
var expanded = $t.p.treeReader.expanded_field,
|
|
isLeaf = $t.p.treeReader.leaf_field,
|
|
level = $t.p.treeReader.level_field,
|
|
//icon = $t.p.treeReader.icon_field,
|
|
parent = $t.p.treeReader.parent_id_field,
|
|
left = $t.p.treeReader.left_field,
|
|
right = $t.p.treeReader.right_field,
|
|
loaded = $t.p.treeReader.loaded,
|
|
method, parentindex, parentdata, parentlevel, i, len, max = 0, rowind = parentid, leaf, maxright;
|
|
if (expandData === undefined) { expandData = false; }
|
|
if (nodeid == null) {
|
|
i = $t.p.data.length - 1;
|
|
if (i >= 0) {
|
|
while (i >= 0) { max = Math.max(max, parseInt($t.p.data[i][$t.p.localReader.id], 10)); i--; }
|
|
}
|
|
nodeid = max + 1;
|
|
}
|
|
var prow = $($t).jqGrid('getInd', parentid);
|
|
leaf = false;
|
|
// if not a parent we assume root
|
|
if (parentid === undefined || parentid === null || parentid === "") {
|
|
parentid = null;
|
|
rowind = null;
|
|
method = 'last';
|
|
parentlevel = $t.p.tree_root_level;
|
|
i = $t.p.data.length + 1;
|
|
} else {
|
|
method = 'after';
|
|
parentindex = $t.p._index[parentid];
|
|
parentdata = $t.p.data[parentindex];
|
|
parentid = parentdata[$t.p.localReader.id];
|
|
parentlevel = parseInt(parentdata[level], 10) + 1;
|
|
var childs = $($t).jqGrid('getFullTreeNode', parentdata);
|
|
// if there are child nodes get the last index of it
|
|
if (childs.length) {
|
|
i = childs[childs.length - 1][$t.p.localReader.id];
|
|
rowind = i;
|
|
i = $($t).jqGrid('getInd', rowind) + 1;
|
|
} else {
|
|
i = $($t).jqGrid('getInd', parentid) + 1;
|
|
}
|
|
// if the node is leaf
|
|
if (parentdata[isLeaf]) {
|
|
leaf = true;
|
|
parentdata[expanded] = true;
|
|
//var prow = $($t).jqGrid('getInd', parentid);
|
|
$($t.rows[prow])
|
|
.find("span.cell-wrapperleaf").removeClass("cell-wrapperleaf").addClass("cell-wrapper")
|
|
.end()
|
|
.find("div.tree-leaf").removeClass($t.p.treeIcons.leaf + " tree-leaf").addClass($t.p.treeIcons.minus + " tree-minus");
|
|
$t.p.data[parentindex][isLeaf] = false;
|
|
parentdata[loaded] = true;
|
|
}
|
|
}
|
|
len = i + 1;
|
|
|
|
if (data[expanded] === undefined) { data[expanded] = false; }
|
|
if (data[loaded] === undefined) { data[loaded] = false; }
|
|
data[level] = parentlevel;
|
|
if (data[isLeaf] === undefined) { data[isLeaf] = true; }
|
|
if ($t.p.treeGridModel === "adjacency") {
|
|
data[parent] = parentid;
|
|
}
|
|
if ($t.p.treeGridModel === "nested") {
|
|
// this method requiere more attention
|
|
var query, res, key;
|
|
//maxright = parseInt(maxright,10);
|
|
// ToDo - update grid data
|
|
if (parentid !== null) {
|
|
maxright = parseInt(parentdata[right], 10);
|
|
query = $.jgrid.from.call($t, $t.p.data);
|
|
query = query.greaterOrEquals(right, maxright, { stype: 'integer' });
|
|
res = query.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][left] = res[key][left] > maxright ? parseInt(res[key][left], 10) + 2 : res[key][left];
|
|
res[key][right] = res[key][right] >= maxright ? parseInt(res[key][right], 10) + 2 : res[key][right];
|
|
}
|
|
}
|
|
}
|
|
data[left] = maxright;
|
|
data[right] = maxright + 1;
|
|
} else {
|
|
maxright = parseInt($($t).jqGrid('getCol', right, false, 'max'), 10);
|
|
res = $.jgrid.from.call($t, $t.p.data)
|
|
.greater(left, maxright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][left] = parseInt(res[key][left], 10) + 2;
|
|
}
|
|
}
|
|
}
|
|
res = $.jgrid.from.call($t, $t.p.data)
|
|
.greater(right, maxright, { stype: 'integer' })
|
|
.select();
|
|
if (res.length) {
|
|
for (key in res) {
|
|
if (res.hasOwnProperty(key)) {
|
|
res[key][right] = parseInt(res[key][right], 10) + 2;
|
|
}
|
|
}
|
|
}
|
|
data[left] = maxright + 1;
|
|
data[right] = maxright + 2;
|
|
}
|
|
}
|
|
if (parentid === null || $($t).jqGrid("isNodeLoaded", parentdata) || leaf) {
|
|
$($t).jqGrid('addRowData', nodeid, data, method, rowind);
|
|
$($t).jqGrid('setTreeNode', i, len);
|
|
}
|
|
if (parentdata && !parentdata[expanded] && expandData) {
|
|
$($t.rows[prow])
|
|
.find("div.treeclick")
|
|
.click();
|
|
}
|
|
}
|
|
//});
|
|
}
|
|
});
|
|
|
|
//module begin
|
|
$.fn.jqDrag = function (h) { return i(this, h, 'd'); };
|
|
$.fn.jqResize = function (h, ar) { return i(this, h, 'r', ar); };
|
|
$.jqDnR = {
|
|
dnr: {},
|
|
e: 0,
|
|
drag: function (v) {
|
|
if (M.k == 'd') { E.css({ left: M.X + v.pageX - M.pX, top: M.Y + v.pageY - M.pY }); }
|
|
else {
|
|
E.css({ width: Math.max(v.pageX - M.pX + M.W, 0), height: Math.max(v.pageY - M.pY + M.H, 0) });
|
|
if (M1) { E1.css({ width: Math.max(v.pageX - M1.pX + M1.W, 0), height: Math.max(v.pageY - M1.pY + M1.H, 0) }); }
|
|
}
|
|
return false;
|
|
},
|
|
stop: function () {
|
|
//E.css('opacity',M.o);
|
|
$(document).unbind('mousemove', J.drag).unbind('mouseup', J.stop);
|
|
}
|
|
};
|
|
var J = $.jqDnR, M = J.dnr, E = J.e, E1, M1,
|
|
i = function (e, h, k, aR) {
|
|
return e.each(function () {
|
|
h = (h) ? $(h, e) : e;
|
|
h.bind('mousedown', { e: e, k: k }, function (v) {
|
|
var d = v.data, p = {}; E = d.e; E1 = aR ? $(aR) : false;
|
|
// attempt utilization of dimensions plugin to fix IE issues
|
|
if (E.css('position') != 'relative') { try { E.position(p); } catch (e) { } }
|
|
M = {
|
|
X: p.left || f('left') || 0,
|
|
Y: p.top || f('top') || 0,
|
|
W: f('width') || E[0].scrollWidth || 0,
|
|
H: f('height') || E[0].scrollHeight || 0,
|
|
pX: v.pageX,
|
|
pY: v.pageY,
|
|
k: d.k
|
|
//o:E.css('opacity')
|
|
};
|
|
// also resize
|
|
if (E1 && d.k != 'd') {
|
|
M1 = {
|
|
X: p.left || f1('left') || 0,
|
|
Y: p.top || f1('top') || 0,
|
|
W: E1[0].offsetWidth || f1('width') || 0,
|
|
H: E1[0].offsetHeight || f1('height') || 0,
|
|
pX: v.pageX,
|
|
pY: v.pageY,
|
|
k: d.k
|
|
};
|
|
} else { M1 = false; }
|
|
//E.css({opacity:0.8});
|
|
if ($("input.hasDatepicker", E[0])[0]) {
|
|
try { $("input.hasDatepicker", E[0]).datepicker('hide'); } catch (dpe) { }
|
|
}
|
|
$(document).mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
|
|
return false;
|
|
});
|
|
});
|
|
},
|
|
f = function (k) { return parseInt(E.css(k), 10) || false; },
|
|
f1 = function (k) { return parseInt(E1.css(k), 10) || false; };
|
|
/*
|
|
jQuery tinyDraggable v1.0.2
|
|
Copyright (c) 2014 Simon Steinberger / Pixabay
|
|
GitHub: https://github.com/Pixabay/jQuery-tinyDraggable
|
|
More info: https://pixabay.com/blog/posts/p-52/
|
|
License: http://www.opensource.org/licenses/mit-license.php
|
|
*/
|
|
$.fn.tinyDraggable = function (options) {
|
|
var settings = $.extend({ handle: 0, exclude: 0 }, options);
|
|
return this.each(function () {
|
|
var dx, dy, el = $(this), handle = settings.handle ? $(settings.handle, el) : el;
|
|
handle.on({
|
|
mousedown: function (e) {
|
|
if (settings.exclude && ~$.inArray(e.target, $(settings.exclude, el))) { return; }
|
|
e.preventDefault();
|
|
var os = el.offset(); dx = e.pageX - os.left, dy = e.pageY - os.top;
|
|
$(document).on('mousemove.drag', function (e) { el.offset({ top: e.pageY - dy, left: e.pageX - dx }); });
|
|
},
|
|
mouseup: function (e) { $(document).off('mousemove.drag'); }
|
|
});
|
|
});
|
|
};
|
|
|
|
//module begin
|
|
$.fn.jqm = function (o) {
|
|
var p = {
|
|
overlay: 50,
|
|
closeoverlay: true,
|
|
overlayClass: 'jqmOverlay',
|
|
closeClass: 'jqmClose',
|
|
trigger: '.jqModal',
|
|
ajax: F,
|
|
ajaxText: '',
|
|
target: F,
|
|
modal: F,
|
|
toTop: F,
|
|
onShow: F,
|
|
onHide: F,
|
|
onLoad: F
|
|
};
|
|
return this.each(function () {
|
|
if (this._jqm) { return H[this._jqm].c = $.extend({}, H[this._jqm].c, o); } s++; this._jqm = s;
|
|
H[s] = { c: $.extend(p, $.jqm.params, o), a: F, w: $(this).addClass('jqmID' + s), s: s };
|
|
if (p.trigger) { $(this).jqmAddTrigger(p.trigger); }
|
|
});
|
|
};
|
|
|
|
$.fn.jqmAddClose = function (e) { return hs(this, e, 'jqmHide'); };
|
|
$.fn.jqmAddTrigger = function (e) { return hs(this, e, 'jqmShow'); };
|
|
$.fn.jqmShow = function (t) { return this.each(function () { $.jqm.open(this._jqm, t); }); };
|
|
$.fn.jqmHide = function (t) { return this.each(function () { $.jqm.close(this._jqm, t); }); };
|
|
|
|
$.jqm = {
|
|
hash: {},
|
|
open: function (s, t) {
|
|
var h = H[s], c = h.c, cc = '.' + c.closeClass, z = (parseInt(h.w.css('z-index'))); z = (z > 0) ? z : 3000; var o = $('<div></div>').css({ height: '100%', width: '100%', position: 'fixed', left: 0, top: 0, 'z-index': z - 1, opacity: c.overlay / 100 }); if (h.a) { return F; } h.t = t; h.a = true; h.w.css('z-index', z);
|
|
if (c.modal) { if (!A[0]) { setTimeout(function () { new L('bind'); }, 1); } A.push(s); }
|
|
else if (c.overlay > 0) { if (c.closeoverlay) { h.w.jqmAddClose(o); } }
|
|
else { o = F; }
|
|
|
|
h.o = (o) ? o.addClass(c.overlayClass).prependTo('body') : F;
|
|
|
|
if (c.ajax) {
|
|
var r = c.target || h.w, u = c.ajax; r = (typeof r === 'string') ? $(r, h.w) : $(r); u = (u.substr(0, 1) === '@') ? $(t).attr(u.substring(1)) : u;
|
|
r.html(c.ajaxText).load(u, function () { if (c.onLoad) { c.onLoad.call(this, h); } if (cc) { h.w.jqmAddClose($(cc, h.w)); } e(h); });
|
|
}
|
|
else if (cc) { h.w.jqmAddClose($(cc, h.w)); }
|
|
|
|
if (c.toTop && h.o) { h.w.before('<span id="jqmP' + h.w[0]._jqm + '"></span>').insertAfter(h.o); }
|
|
(c.onShow) ? c.onShow(h) : h.w.show(); e(h); return F;
|
|
},
|
|
close: function (s) {
|
|
var h = H[s]; if (!h.a) { return F; } h.a = F;
|
|
if (A[0]) { A.pop(); if (!A[0]) { new L('unbind'); } }
|
|
if (h.c.toTop && h.o) { $('#jqmP' + h.w[0]._jqm).after(h.w).remove(); }
|
|
if (h.c.onHide) { h.c.onHide(h); } else { h.w.hide(); if (h.o) { h.o.remove(); } } return F;
|
|
},
|
|
params: {}
|
|
};
|
|
var s = 0, H = $.jqm.hash, A = [], F = false,
|
|
e = function (h) { if (h.c.focusField === undefined) { h.c.focusField = 0; } if (h.c.focusField >= 0) { f(h); } },
|
|
f = function (h) { try { $(':input:visible', h.w)[parseInt(h.c.focusField, 10)].focus(); } catch (_) { } },
|
|
L = function (t) { $(document)[t]("keypress", m)[t]("keydown", m)[t]("mousedown", m); },
|
|
m = function (e) { var h = H[A[A.length - 1]], r = (!$(e.target).parents('.jqmID' + h.s)[0]); if (r) { $('.jqmID' + h.s).each(function () { var $self = $(this), offset = $self.offset(); if (offset.top <= e.pageY && e.pageY <= offset.top + $self.height() && offset.left <= e.pageX && e.pageX <= offset.left + $self.width()) { r = false; return false; } }); f(h); } return !r; },
|
|
hs = function (w, t, c) {
|
|
return w.each(function () {
|
|
var s = this._jqm; $(t).each(function () {
|
|
if (!this[c]) { this[c] = []; $(this).click(function () { for (var i in { jqmShow: 1, jqmHide: 1 }) { for (var s in this[i]) { if (H[this[i][s]]) { H[this[i][s]].w[i](this); } } } return F; }); }
|
|
this[c].push(s);
|
|
});
|
|
});
|
|
};
|
|
|
|
//module begin
|
|
$.fmatter = {};
|
|
//opts can be id:row id for the row, rowdata:the data for the row, colmodel:the column model for this column
|
|
//example {id:1234,}
|
|
$.extend($.fmatter, {
|
|
isBoolean: function (o) {
|
|
return typeof o === 'boolean';
|
|
},
|
|
isObject: function (o) {
|
|
return (o && (typeof o === 'object' || $.isFunction(o))) || false;
|
|
},
|
|
isString: function (o) {
|
|
return typeof o === 'string';
|
|
},
|
|
isNumber: function (o) {
|
|
return typeof o === 'number' && isFinite(o);
|
|
},
|
|
isValue: function (o) {
|
|
return (this.isObject(o) || this.isString(o) || this.isNumber(o) || this.isBoolean(o));
|
|
},
|
|
isEmpty: function (o) {
|
|
if (!this.isString(o) && this.isValue(o)) {
|
|
return false;
|
|
}
|
|
if (!this.isValue(o)) {
|
|
return true;
|
|
}
|
|
o = $.trim(o).replace(/\ \;/ig, '').replace(/\ \;/ig, '');
|
|
return o === "";
|
|
}
|
|
});
|
|
$.fn.fmatter = function (formatType, cellval, opts, rwd, act) {
|
|
// build main options before element iteration
|
|
var v = cellval;
|
|
opts = $.extend({}, $.jgrid.getRegional(this, 'formatter'), opts);
|
|
|
|
try {
|
|
v = $.fn.fmatter[formatType].call(this, cellval, opts, rwd, act);
|
|
} catch (fe) { }
|
|
return v;
|
|
};
|
|
$.fmatter.util = {
|
|
// Taken from YAHOO utils
|
|
NumberFormat: function (nData, opts) {
|
|
if (!$.fmatter.isNumber(nData)) {
|
|
nData *= 1;
|
|
}
|
|
if ($.fmatter.isNumber(nData)) {
|
|
var bNegative = (nData < 0);
|
|
var sOutput = String(nData);
|
|
var sDecimalSeparator = opts.decimalSeparator || ".";
|
|
var nDotIndex;
|
|
if ($.fmatter.isNumber(opts.decimalPlaces)) {
|
|
// Round to the correct decimal place
|
|
var nDecimalPlaces = opts.decimalPlaces;
|
|
var nDecimal = Math.pow(10, nDecimalPlaces);
|
|
sOutput = String(Math.round(nData * nDecimal) / nDecimal);
|
|
nDotIndex = sOutput.lastIndexOf(".");
|
|
if (nDecimalPlaces > 0) {
|
|
// Add the decimal separator
|
|
if (nDotIndex < 0) {
|
|
sOutput += sDecimalSeparator;
|
|
nDotIndex = sOutput.length - 1;
|
|
}
|
|
// Replace the "."
|
|
else if (sDecimalSeparator !== ".") {
|
|
sOutput = sOutput.replace(".", sDecimalSeparator);
|
|
}
|
|
// Add missing zeros
|
|
while ((sOutput.length - 1 - nDotIndex) < nDecimalPlaces) {
|
|
sOutput += "0";
|
|
}
|
|
}
|
|
}
|
|
if (opts.thousandsSeparator) {
|
|
var sThousandsSeparator = opts.thousandsSeparator;
|
|
nDotIndex = sOutput.lastIndexOf(sDecimalSeparator);
|
|
nDotIndex = (nDotIndex > -1) ? nDotIndex : sOutput.length;
|
|
var sNewOutput = sOutput.substring(nDotIndex);
|
|
var nCount = -1, i;
|
|
for (i = nDotIndex; i > 0; i--) {
|
|
nCount++;
|
|
if ((nCount % 3 === 0) && (i !== nDotIndex) && (!bNegative || (i > 1))) {
|
|
sNewOutput = sThousandsSeparator + sNewOutput;
|
|
}
|
|
sNewOutput = sOutput.charAt(i - 1) + sNewOutput;
|
|
}
|
|
sOutput = sNewOutput;
|
|
}
|
|
// Prepend prefix
|
|
sOutput = (opts.prefix) ? opts.prefix + sOutput : sOutput;
|
|
// Append suffix
|
|
sOutput = (opts.suffix) ? sOutput + opts.suffix : sOutput;
|
|
return sOutput;
|
|
|
|
}
|
|
return nData;
|
|
}
|
|
};
|
|
$.fn.fmatter.defaultFormat = function (cellval, opts) {
|
|
return ($.fmatter.isValue(cellval) && cellval !== "") ? cellval : opts.defaultValue || " ";
|
|
};
|
|
$.fn.fmatter.email = function (cellval, opts) {
|
|
if (!$.fmatter.isEmpty(cellval)) {
|
|
return "<a href=\"mailto:" + cellval + "\">" + cellval + "</a>";
|
|
}
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
};
|
|
$.fn.fmatter.checkbox = function (cval, opts) {
|
|
var op = $.extend({}, opts.checkbox), ds;
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if (op.disabled === true) { ds = "disabled=\"disabled\""; } else { ds = ""; }
|
|
if ($.fmatter.isEmpty(cval) || cval === undefined) { cval = $.fn.fmatter.defaultFormat(cval, op); }
|
|
cval = String(cval);
|
|
cval = (cval + "").toLowerCase();
|
|
var bchk = cval.search(/(false|f|0|no|n|off|undefined)/i) < 0 ? " checked='checked' " : "";
|
|
return "<input type=\"checkbox\" " + bchk + " value=\"" + cval + "\" offval=\"no\" " + ds + "/>";
|
|
};
|
|
$.fn.fmatter.link = function (cellval, opts) {
|
|
var op = { target: opts.target };
|
|
var target = "";
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if (op.target) { target = 'target=' + op.target; }
|
|
if (!$.fmatter.isEmpty(cellval)) {
|
|
return "<a " + target + " href=\"" + cellval + "\">" + cellval + "</a>";
|
|
}
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
};
|
|
$.fn.fmatter.showlink = function (cellval, opts) {
|
|
var op = { baseLinkUrl: opts.baseLinkUrl, showAction: opts.showAction, addParam: opts.addParam || "", target: opts.target, idName: opts.idName },
|
|
target = "", idUrl;
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if (op.target) { target = 'target=' + op.target; }
|
|
idUrl = op.baseLinkUrl + op.showAction + '?' + op.idName + '=' + opts.rowId + op.addParam;
|
|
if ($.fmatter.isString(cellval) || $.fmatter.isNumber(cellval)) { //add this one even if its blank string
|
|
return "<a " + target + " href=\"" + idUrl + "\">" + cellval + "</a>";
|
|
}
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
};
|
|
$.fn.fmatter.integer = function (cellval, opts) {
|
|
var op = $.extend({}, opts.integer);
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if ($.fmatter.isEmpty(cellval)) {
|
|
return op.defaultValue;
|
|
}
|
|
return $.fmatter.util.NumberFormat(cellval, op);
|
|
};
|
|
$.fn.fmatter.number = function (cellval, opts) {
|
|
var op = $.extend({}, opts.number);
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if ($.fmatter.isEmpty(cellval)) {
|
|
return op.defaultValue;
|
|
}
|
|
return $.fmatter.util.NumberFormat(cellval, op);
|
|
};
|
|
$.fn.fmatter.currency = function (cellval, opts) {
|
|
var op = $.extend({}, opts.currency);
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if ($.fmatter.isEmpty(cellval)) {
|
|
return op.defaultValue;
|
|
}
|
|
return $.fmatter.util.NumberFormat(cellval, op);
|
|
};
|
|
$.fn.fmatter.date = function (cellval, opts, rwd, act) {
|
|
var op = $.extend({}, opts.date);
|
|
if (opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.colModel.formatoptions);
|
|
}
|
|
if (!op.reformatAfterEdit && act === 'edit') {
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
}
|
|
if (!$.fmatter.isEmpty(cellval)) {
|
|
return $.jgrid.parseDate.call(this, op.srcformat, cellval, op.newformat, op);
|
|
}
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
};
|
|
$.fn.fmatter.select = function (cellval, opts) {
|
|
// jqGrid specific
|
|
cellval = String(cellval);
|
|
var oSelect = false, ret = [], sep, delim;
|
|
if (opts.colModel.formatoptions !== undefined) {
|
|
oSelect = opts.colModel.formatoptions.value;
|
|
sep = opts.colModel.formatoptions.separator === undefined ? ":" : opts.colModel.formatoptions.separator;
|
|
delim = opts.colModel.formatoptions.delimiter === undefined ? ";" : opts.colModel.formatoptions.delimiter;
|
|
} else if (opts.colModel.editoptions !== undefined) {
|
|
oSelect = opts.colModel.editoptions.value;
|
|
sep = opts.colModel.editoptions.separator === undefined ? ":" : opts.colModel.editoptions.separator;
|
|
delim = opts.colModel.editoptions.delimiter === undefined ? ";" : opts.colModel.editoptions.delimiter;
|
|
}
|
|
if (oSelect) {
|
|
var msl = (opts.colModel.editoptions != null && opts.colModel.editoptions.multiple === true) === true ? true : false,
|
|
scell = [], sv;
|
|
if (msl) { scell = cellval.split(","); scell = $.map(scell, function (n) { return $.trim(n); }); }
|
|
if ($.fmatter.isString(oSelect)) {
|
|
// mybe here we can use some caching with care ????
|
|
var so = oSelect.split(delim), j = 0, i;
|
|
for (i = 0; i < so.length; i++) {
|
|
sv = so[i].split(sep);
|
|
if (sv.length > 2) {
|
|
sv[1] = $.map(sv, function (n, i) { if (i > 0) { return n; } }).join(sep);
|
|
}
|
|
if (msl) {
|
|
if ($.inArray(sv[0], scell) > -1) {
|
|
ret[j] = sv[1];
|
|
j++;
|
|
}
|
|
} else if ($.trim(sv[0]) === $.trim(cellval)) {
|
|
ret[0] = sv[1];
|
|
break;
|
|
}
|
|
}
|
|
} else if ($.fmatter.isObject(oSelect)) {
|
|
// this is quicker
|
|
if (msl) {
|
|
ret = $.map(scell, function (n) {
|
|
return oSelect[n];
|
|
});
|
|
} else {
|
|
ret[0] = oSelect[cellval] || "";
|
|
}
|
|
}
|
|
}
|
|
cellval = ret.join(", ");
|
|
return cellval === "" ? $.fn.fmatter.defaultFormat(cellval, opts) : cellval;
|
|
};
|
|
$.fn.fmatter.rowactions = function (act) {
|
|
var $tr = $(this).closest("tr.jqgrow"),
|
|
rid = $tr.attr("id"),
|
|
$id = $(this).closest("table.ui-jqgrid-btable").attr('id').replace(/_frozen([^_]*)$/, '$1'),
|
|
$grid = $("#" + $id),
|
|
$t = $grid[0],
|
|
p = $t.p,
|
|
cm = p.colModel[$.jgrid.getCellIndex(this)],
|
|
$actionsDiv = cm.frozen ? $("tr#" + rid + " td:eq(" + $.jgrid.getCellIndex(this) + ") > div", $grid) : $(this).parent(),
|
|
op = {
|
|
extraparam: {}
|
|
},
|
|
saverow = function (rowid, res) {
|
|
if ($.isFunction(op.afterSave)) { op.afterSave.call($t, rowid, res); }
|
|
$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
|
|
$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
|
|
},
|
|
restorerow = function (rowid) {
|
|
if ($.isFunction(op.afterRestore)) { op.afterRestore.call($t, rowid); }
|
|
$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
|
|
$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
|
|
};
|
|
|
|
if (cm.formatoptions !== undefined) {
|
|
op = $.extend(op, cm.formatoptions);
|
|
}
|
|
if (p.editOptions !== undefined) {
|
|
op.editOptions = p.editOptions;
|
|
}
|
|
if (p.delOptions !== undefined) {
|
|
op.delOptions = p.delOptions;
|
|
}
|
|
if ($tr.hasClass("jqgrid-new-row")) {
|
|
op.extraparam[p.prmNames.oper] = p.prmNames.addoper;
|
|
}
|
|
var actop = {
|
|
keys: op.keys,
|
|
oneditfunc: op.onEdit,
|
|
successfunc: op.onSuccess,
|
|
url: op.url,
|
|
extraparam: op.extraparam,
|
|
aftersavefunc: saverow,
|
|
errorfunc: op.onError,
|
|
afterrestorefunc: restorerow,
|
|
restoreAfterError: op.restoreAfterError,
|
|
mtype: op.mtype
|
|
};
|
|
switch (act) {
|
|
case 'edit':
|
|
$grid.jqGrid('editRow', rid, actop);
|
|
$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").hide();
|
|
$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").show();
|
|
$grid.triggerHandler("jqGridAfterGridComplete");
|
|
break;
|
|
case 'save':
|
|
if ($grid.jqGrid('saveRow', rid, actop)) {
|
|
$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
|
|
$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
|
|
$grid.triggerHandler("jqGridAfterGridComplete");
|
|
}
|
|
break;
|
|
case 'cancel':
|
|
$grid.jqGrid('restoreRow', rid, restorerow);
|
|
$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
|
|
$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
|
|
$grid.triggerHandler("jqGridAfterGridComplete");
|
|
break;
|
|
case 'del':
|
|
$grid.jqGrid('delGridRow', rid, op.delOptions);
|
|
break;
|
|
case 'formedit':
|
|
$grid.jqGrid('setSelection', rid);
|
|
$grid.jqGrid('editGridRow', rid, op.editOptions);
|
|
break;
|
|
}
|
|
};
|
|
$.fn.fmatter.actions = function (cellval, opts) {
|
|
var op = { keys: false, editbutton: true, delbutton: true, editformbutton: false },
|
|
rowid = opts.rowId, str = "", ocl,
|
|
nav = $.jgrid.getRegional(this, 'nav'),
|
|
classes = $.jgrid.styleUI[(opts.styleUI || 'jQueryUI')].fmatter,
|
|
common = $.jgrid.styleUI[(opts.styleUI || 'jQueryUI')].common;
|
|
if (opts.colModel.formatoptions !== undefined) {
|
|
op = $.extend(op, opts.colModel.formatoptions);
|
|
}
|
|
if (rowid === undefined || $.fmatter.isEmpty(rowid)) { return ""; }
|
|
var hover = "onmouseover=jQuery(this).addClass('" + common.hover + "'); onmouseout=jQuery(this).removeClass('" + common.hover + "'); ";
|
|
if (op.editformbutton) {
|
|
ocl = "id='jEditButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'formedit'); " + hover;
|
|
str += "<div title='" + nav.edittitle + "' style='float:left;cursor:pointer;' class='ui-pg-div ui-inline-edit' " + ocl + "><span class='" + common.icon_base + " " + classes.icon_edit + "'></span></div>";
|
|
} else if (op.editbutton) {
|
|
ocl = "id='jEditButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'edit'); " + hover;
|
|
str += "<div title='" + nav.edittitle + "' style='float:left;cursor:pointer;' class='ui-pg-div ui-inline-edit' " + ocl + "><span class='" + common.icon_base + " " + classes.icon_edit + "'></span></div>";
|
|
}
|
|
if (op.delbutton) {
|
|
ocl = "id='jDeleteButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'del'); " + hover;
|
|
str += "<div title='" + nav.deltitle + "' style='float:left;' class='ui-pg-div ui-inline-del' " + ocl + "><span class='" + common.icon_base + " " + classes.icon_del + "'></span></div>";
|
|
}
|
|
ocl = "id='jSaveButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'save'); " + hover;
|
|
str += "<div title='" + nav.savetitle + "' style='float:left;display:none' class='ui-pg-div ui-inline-save' " + ocl + "><span class='" + common.icon_base + " " + classes.icon_save + "'></span></div>";
|
|
ocl = "id='jCancelButton_" + rowid + "' onclick=jQuery.fn.fmatter.rowactions.call(this,'cancel'); " + hover;
|
|
str += "<div title='" + nav.canceltitle + "' style='float:left;display:none;' class='ui-pg-div ui-inline-cancel' " + ocl + "><span class='" + common.icon_base + " " + classes.icon_cancel + "'></span></div>";
|
|
return "<div style='margin-left:8px;'>" + str + "</div>";
|
|
};
|
|
$.unformat = function (cellval, options, pos, cnt) {
|
|
// specific for jqGrid only
|
|
var ret, formatType = options.colModel.formatter,
|
|
op = options.colModel.formatoptions || {}, sep,
|
|
re = /([\.\*\_\'\(\)\{\}\+\?\\])/g,
|
|
unformatFunc = options.colModel.unformat || ($.fn.fmatter[formatType] && $.fn.fmatter[formatType].unformat);
|
|
if (unformatFunc !== undefined && $.isFunction(unformatFunc)) {
|
|
ret = unformatFunc.call(this, $(cellval).text(), options, cellval);
|
|
} else if (formatType !== undefined && $.fmatter.isString(formatType)) {
|
|
var opts = $.jgrid.getRegional(this, 'formatter') || {}, stripTag;
|
|
switch (formatType) {
|
|
case 'integer':
|
|
op = $.extend({}, opts.integer, op);
|
|
sep = op.thousandsSeparator.replace(re, "\\$1");
|
|
stripTag = new RegExp(sep, "g");
|
|
ret = $(cellval).text().replace(stripTag, '');
|
|
break;
|
|
case 'number':
|
|
op = $.extend({}, opts.number, op);
|
|
sep = op.thousandsSeparator.replace(re, "\\$1");
|
|
stripTag = new RegExp(sep, "g");
|
|
ret = $(cellval).text().replace(stripTag, "").replace(op.decimalSeparator, '.');
|
|
break;
|
|
case 'currency':
|
|
op = $.extend({}, opts.currency, op);
|
|
sep = op.thousandsSeparator.replace(re, "\\$1");
|
|
stripTag = new RegExp(sep, "g");
|
|
ret = $(cellval).text();
|
|
if (op.prefix && op.prefix.length) {
|
|
ret = ret.substr(op.prefix.length);
|
|
}
|
|
if (op.suffix && op.suffix.length) {
|
|
ret = ret.substr(0, ret.length - op.suffix.length);
|
|
}
|
|
ret = ret.replace(stripTag, '').replace(op.decimalSeparator, '.');
|
|
break;
|
|
case 'checkbox':
|
|
var cbv = (options.colModel.editoptions) ? options.colModel.editoptions.value.split(":") : ["Yes", "No"];
|
|
ret = $('input', cellval).is(":checked") ? cbv[0] : cbv[1];
|
|
break;
|
|
case 'select':
|
|
ret = $.unformat.select(cellval, options, pos, cnt);
|
|
break;
|
|
case 'actions':
|
|
return "";
|
|
default:
|
|
ret = $(cellval).text();
|
|
}
|
|
}
|
|
return ret !== undefined ? ret : cnt === true ? $(cellval).text() : $.jgrid.htmlDecode($(cellval).html());
|
|
};
|
|
$.unformat.select = function (cellval, options, pos, cnt) {
|
|
// Spacial case when we have local data and perform a sort
|
|
// cnt is set to true only in sortDataArray
|
|
var ret = [];
|
|
var cell = $(cellval).text();
|
|
if (cnt === true) { return cell; }
|
|
var op = $.extend({}, options.colModel.formatoptions !== undefined ? options.colModel.formatoptions : options.colModel.editoptions),
|
|
sep = op.separator === undefined ? ":" : op.separator,
|
|
delim = op.delimiter === undefined ? ";" : op.delimiter;
|
|
|
|
if (op.value) {
|
|
var oSelect = op.value,
|
|
msl = op.multiple === true ? true : false,
|
|
scell = [], sv;
|
|
if (msl) { scell = cell.split(","); scell = $.map(scell, function (n) { return $.trim(n); }); }
|
|
if ($.fmatter.isString(oSelect)) {
|
|
var so = oSelect.split(delim), j = 0, i;
|
|
for (i = 0; i < so.length; i++) {
|
|
sv = so[i].split(sep);
|
|
if (sv.length > 2) {
|
|
sv[1] = $.map(sv, function (n, i) { if (i > 0) { return n; } }).join(sep);
|
|
}
|
|
if (msl) {
|
|
if ($.inArray($.trim(sv[1]), scell) > -1) {
|
|
ret[j] = sv[0];
|
|
j++;
|
|
}
|
|
} else if ($.trim(sv[1]) === $.trim(cell)) {
|
|
ret[0] = sv[0];
|
|
break;
|
|
}
|
|
}
|
|
} else if ($.fmatter.isObject(oSelect) || $.isArray(oSelect)) {
|
|
if (!msl) { scell[0] = cell; }
|
|
ret = $.map(scell, function (n) {
|
|
var rv;
|
|
$.each(oSelect, function (i, val) {
|
|
if (val === n) {
|
|
rv = i;
|
|
return false;
|
|
}
|
|
});
|
|
if (rv !== undefined) { return rv; }
|
|
});
|
|
}
|
|
return ret.join(", ");
|
|
}
|
|
return cell || "";
|
|
};
|
|
$.unformat.date = function (cellval, opts) {
|
|
var op = $.jgrid.getRegional(this, 'formatter.date') || {};
|
|
if (opts.formatoptions !== undefined) {
|
|
op = $.extend({}, op, opts.formatoptions);
|
|
}
|
|
if (!$.fmatter.isEmpty(cellval)) {
|
|
return $.jgrid.parseDate.call(this, op.newformat, cellval, op.srcformat, op);
|
|
}
|
|
return $.fn.fmatter.defaultFormat(cellval, opts);
|
|
};
|
|
|
|
//module begin
|
|
var dragging, placeholders = $();
|
|
$.fn.html5sortable = function (options) {
|
|
var method = String(options);
|
|
options = $.extend({
|
|
connectWith: false
|
|
}, options);
|
|
return this.each(function () {
|
|
if (/^enable|disable|destroy$/.test(method)) {
|
|
var items = $(this).children($(this).data('items')).attr('draggable', method === 'enable');
|
|
if (method === 'destroy') {
|
|
items.add(this).removeData('connectWith items')
|
|
.off('dragstart.h5s dragend.h5s selectstart.h5s dragover.h5s dragenter.h5s drop.h5s');
|
|
}
|
|
return;
|
|
}
|
|
var isHandle, index, items = $(this).children(options.items);
|
|
var placeholder = $('<' + (/^ul|ol$/i.test(this.tagName) ? 'li' : /^tbody$/i.test(this.tagName) ? 'tr' : 'div')
|
|
+ ' class="sortable-placeholder ' + options.placeholderClass + '">').html(' ');
|
|
items.find(options.handle).mousedown(function () {
|
|
isHandle = true;
|
|
}).mouseup(function () {
|
|
isHandle = false;
|
|
});
|
|
$(this).data('items', options.items);
|
|
placeholders = placeholders.add(placeholder);
|
|
if (options.connectWith) {
|
|
$(options.connectWith).add(this).data('connectWith', options.connectWith);
|
|
}
|
|
items.attr('draggable', 'true').on('dragstart.h5s', function (e) {
|
|
if (options.handle && !isHandle) {
|
|
return false;
|
|
}
|
|
isHandle = false;
|
|
var dt = e.originalEvent.dataTransfer;
|
|
dt.effectAllowed = 'move';
|
|
dt.setData('Text', 'dummy');
|
|
index = (dragging = $(this)).addClass('sortable-dragging').index();
|
|
}).on('dragend.h5s', function () {
|
|
if (!dragging) {
|
|
return;
|
|
}
|
|
dragging.removeClass('sortable-dragging').show();
|
|
placeholders.detach();
|
|
if (index !== dragging.index()) {
|
|
dragging.parent().trigger('sortupdate', { item: dragging, startindex: index, endindex: dragging.index() });
|
|
}
|
|
dragging = null;
|
|
}).not('a[href], img').on('selectstart.h5s', function () {
|
|
this.dragDrop && this.dragDrop();
|
|
return false;
|
|
}).end().add([this, placeholder]).on('dragover.h5s dragenter.h5s drop.h5s', function (e) {
|
|
if (!items.is(dragging) && options.connectWith !== $(dragging).parent().data('connectWith')) {
|
|
return true;
|
|
}
|
|
if (e.type === 'drop') {
|
|
e.stopPropagation();
|
|
placeholders.filter(':visible').after(dragging);
|
|
dragging.trigger('dragend.h5s');
|
|
return false;
|
|
}
|
|
e.preventDefault();
|
|
e.originalEvent.dataTransfer.dropEffect = 'move';
|
|
if (items.is(this)) {
|
|
if (options.forcePlaceholderSize) {
|
|
placeholder.height(dragging.outerHeight());
|
|
}
|
|
dragging.hide();
|
|
$(this)[placeholder.index() < $(this).index() ? 'after' : 'before'](placeholder);
|
|
placeholders.not(placeholder).detach();
|
|
} else if (!placeholders.is(this) && !$(this).children(options.items).length) {
|
|
placeholders.detach();
|
|
$(this).append(placeholder);
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
};
|
|
|
|
//module begin
|
|
window.jqGridUtils = {
|
|
stringify: function (obj) {
|
|
return JSON.stringify(obj, function (key, value) {
|
|
return (typeof value === 'function') ? value.toString() : value;
|
|
});
|
|
},
|
|
parse: function (str) {
|
|
return JSON.parse(str, function (key, value) {
|
|
if (typeof value === "string" && value.indexOf("function") !== -1) {
|
|
var sv = value.split(" ");
|
|
if (sv[0].trim() === 'function' && value.trim().slice(-1) === "}") {
|
|
return eval('(' + value + ')');
|
|
} else {
|
|
return value;
|
|
}
|
|
}
|
|
return value;
|
|
});
|
|
},
|
|
encode: function (text) { // repeated, but should not depend on grid
|
|
return String(text).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
|
},
|
|
jsonToXML: function (tree, options) {
|
|
var o = $.extend({
|
|
xmlDecl: '<?xml version="1.0" encoding="UTF-8" ?>\n',
|
|
attr_prefix: '-',
|
|
encode: true
|
|
}, options || {}),
|
|
that = this,
|
|
scalarToxml = function (name, text) {
|
|
if (name === "#text") {
|
|
return (o.encode ? that.encode(text) : text);
|
|
} else if (typeof (text) === 'function') {
|
|
return "<" + name + "><![CDATA[" + text + "]]></" + name + ">\n";
|
|
} if (text === "") {
|
|
return "<" + name + ">__EMPTY_STRING_</" + name + ">\n";
|
|
} else {
|
|
return "<" + name + ">" + (o.encode ? that.encode(text) : text) + "</" + name + ">\n";
|
|
}
|
|
},
|
|
arrayToxml = function (name, array) {
|
|
var out = [];
|
|
for (var i = 0; i < array.length; i++) {
|
|
var val = array[i];
|
|
if (typeof (val) === "undefined" || val == null) {
|
|
out[out.length] = "<" + name + " />";
|
|
} else if (typeof (val) === "object" && val.constructor == Array) {
|
|
out[out.length] = arrayToxml(name, val);
|
|
} else if (typeof (val) === "object") {
|
|
out[out.length] = hashToxml(name, val);
|
|
} else {
|
|
out[out.length] = scalarToxml(name, val);
|
|
}
|
|
}
|
|
if (!out.length) {
|
|
out[0] = "<" + name + ">__EMPTY_ARRAY_</" + name + ">\n";
|
|
}
|
|
return out.join("");
|
|
},
|
|
hashToxml = function (name, tree) {
|
|
var elem = [];
|
|
var attr = [];
|
|
for (var key in tree) {
|
|
if (!tree.hasOwnProperty(key)) continue;
|
|
var val = tree[key];
|
|
if (key.charAt(0) !== o.attr_prefix) {
|
|
if (val == null) { // null or undefined
|
|
elem[elem.length] = "<" + key + " />";
|
|
} else if (typeof (val) === "object" && val.constructor === Array) {
|
|
elem[elem.length] = arrayToxml(key, val);
|
|
} else if (typeof (val) === "object") {
|
|
elem[elem.length] = hashToxml(key, val);
|
|
} else {
|
|
elem[elem.length] = scalarToxml(key, val);
|
|
}
|
|
} else {
|
|
attr[attr.length] = " " + (key.substring(1)) + '="' + (o.encode ? that.encode(val) : val) + '"';
|
|
}
|
|
}
|
|
var jattr = attr.join("");
|
|
var jelem = elem.join("");
|
|
if (name == null) { // null or undefined
|
|
// no tag
|
|
} else if (elem.length > 0) {
|
|
if (jelem.match(/\n/)) {
|
|
jelem = "<" + name + jattr + ">\n" + jelem + "</" + name + ">\n";
|
|
} else {
|
|
jelem = "<" + name + jattr + ">" + jelem + "</" + name + ">\n";
|
|
}
|
|
} else {
|
|
jelem = "<" + name + jattr + " />\n";
|
|
}
|
|
return jelem;
|
|
};
|
|
|
|
var xml = hashToxml(null, tree);
|
|
return o.xmlDecl + xml;
|
|
},
|
|
xmlToJSON: function (root, options) {
|
|
var o = $.extend({
|
|
force_array: [], //[ "rdf:li", "item", "-xmlns" ];
|
|
attr_prefix: '-'
|
|
}, options || {});
|
|
|
|
if (!root) { return; }
|
|
|
|
var __force_array = {};
|
|
if (o.force_array) {
|
|
for (var i = 0; i < o.force_array.length; i++) {
|
|
__force_array[o.force_array[i]] = 1;
|
|
}
|
|
}
|
|
|
|
if (typeof root === 'string') {
|
|
root = $.parseXML(root);
|
|
}
|
|
if (root.documentElement) {
|
|
root = root.documentElement;
|
|
}
|
|
var addNode = function (hash, key, cnts, val) {
|
|
if (typeof val === 'string') {
|
|
if (val.indexOf('function') !== -1) {
|
|
val = eval('(' + val + ')'); // we need this in our implement
|
|
} else {
|
|
switch (val) {
|
|
case '__EMPTY_ARRAY_':
|
|
val = [];
|
|
break;
|
|
case '__EMPTY_STRING_':
|
|
val = "";
|
|
break;
|
|
case "false":
|
|
val = false;
|
|
break;
|
|
case "true":
|
|
val = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (__force_array[key]) {
|
|
if (cnts === 1) {
|
|
hash[key] = [];
|
|
}
|
|
hash[key][hash[key].length] = val; // push
|
|
} else if (cnts === 1) { // 1st sibling
|
|
hash[key] = val;
|
|
} else if (cnts === 2) { // 2nd sibling
|
|
hash[key] = [hash[key], val];
|
|
} else { // 3rd sibling and more
|
|
hash[key][hash[key].length] = val;
|
|
}
|
|
},
|
|
parseElement = function (elem) {
|
|
// COMMENT_NODE
|
|
if (elem.nodeType === 7) {
|
|
return;
|
|
}
|
|
|
|
// TEXT_NODE CDATA_SECTION_NODE
|
|
if (elem.nodeType === 3 || elem.nodeType === 4) {
|
|
var bool = elem.nodeValue.match(/[^\x00-\x20]/);
|
|
if (bool == null) return; // ignore white spaces
|
|
return elem.nodeValue;
|
|
}
|
|
|
|
var retval, cnt = {}, i, key, val;
|
|
|
|
// parse attributes
|
|
if (elem.attributes && elem.attributes.length) {
|
|
retval = {};
|
|
for (i = 0; i < elem.attributes.length; i++) {
|
|
key = elem.attributes[i].nodeName;
|
|
if (typeof (key) !== "string") {
|
|
continue;
|
|
}
|
|
val = elem.attributes[i].nodeValue;
|
|
if (!val) {
|
|
continue;
|
|
}
|
|
key = o.attr_prefix + key;
|
|
if (typeof (cnt[key]) === "undefined") {
|
|
cnt[key] = 0;
|
|
}
|
|
cnt[key]++;
|
|
addNode(retval, key, cnt[key], val);
|
|
}
|
|
}
|
|
|
|
// parse child nodes (recursive)
|
|
if (elem.childNodes && elem.childNodes.length) {
|
|
var textonly = true;
|
|
if (retval) {
|
|
textonly = false;
|
|
} // some attributes exists
|
|
for (i = 0; i < elem.childNodes.length && textonly; i++) {
|
|
var ntype = elem.childNodes[i].nodeType;
|
|
if (ntype === 3 || ntype === 4) {
|
|
continue;
|
|
}
|
|
textonly = false;
|
|
}
|
|
if (textonly) {
|
|
if (!retval) {
|
|
retval = "";
|
|
}
|
|
for (i = 0; i < elem.childNodes.length; i++) {
|
|
retval += elem.childNodes[i].nodeValue;
|
|
}
|
|
} else {
|
|
if (!retval) {
|
|
retval = {};
|
|
}
|
|
for (i = 0; i < elem.childNodes.length; i++) {
|
|
key = elem.childNodes[i].nodeName;
|
|
if (typeof (key) !== "string") {
|
|
continue;
|
|
}
|
|
val = parseElement(elem.childNodes[i]);
|
|
if (!val) {
|
|
continue;
|
|
}
|
|
if (typeof (cnt[key]) === "undefined") {
|
|
cnt[key] = 0;
|
|
}
|
|
cnt[key]++;
|
|
addNode(retval, key, cnt[key], val);
|
|
}
|
|
}
|
|
}
|
|
return retval;
|
|
};
|
|
|
|
var json = parseElement(root); // parse root node
|
|
if (__force_array[root.nodeName]) {
|
|
json = [json];
|
|
}
|
|
if (root.nodeType !== 11) { // DOCUMENT_FRAGMENT_NODE
|
|
var tmp = {};
|
|
tmp[root.nodeName] = json; // root nodeName
|
|
json = tmp;
|
|
}
|
|
return json;
|
|
}
|
|
};
|
|
|
|
}));
|
|
(function ($) {
|
|
$.fn.swapClass = function (c1, c2) {
|
|
return this.removeClass(c1).addClass(c2);
|
|
};
|
|
$.fn.switchClass = function (c1, c2) {
|
|
if (this.hasClass(c1)) {
|
|
return this.swapClass(c1, c2);
|
|
}
|
|
else {
|
|
return this.swapClass(c2, c1);
|
|
}
|
|
};
|
|
$.fn.treeview = function (settings) {
|
|
var dfop =
|
|
{
|
|
method: "GET",
|
|
datatype: "json",
|
|
url: false,
|
|
param: null,
|
|
cbiconpath: "/Content/js/wdtree/images/icons/",
|
|
icons: ["checkbox_0.png", "checkbox_1.png", "checkbox_2.png"],
|
|
showcheck: false,
|
|
oncheckboxclick: false,
|
|
onnodeclick: false,
|
|
cascadecheck: true,
|
|
data: null,
|
|
clicktoggle: true,
|
|
theme: "bbit-tree-arrows",
|
|
isTool: false,
|
|
nodeTools: []
|
|
};
|
|
|
|
$.extend(dfop, settings);
|
|
var treenodes = dfop.data;
|
|
var me = $(this);
|
|
var id = me.attr("id");
|
|
if (id == null || id == "") {
|
|
id = "bbtree" + new Date().getTime();
|
|
me.attr("id", id);
|
|
}
|
|
me.height(dfop.height);
|
|
if (dfop.slimscroll == true) {
|
|
me.css({ "overflow": "auto", "overflow-y": "hidden" });
|
|
} else {
|
|
me.css({ "overflow": "auto" });
|
|
}
|
|
var html = [];
|
|
buildtree(dfop.data, html);
|
|
me.html('');
|
|
me.addClass("bbit-tree").append(html.join(""));
|
|
InitEvent(me);
|
|
html = null;
|
|
if (dfop.showcheck) {
|
|
for (var i = 0; i < 3; i++) {
|
|
var im = new Image();
|
|
im.src = dfop.cbiconpath + dfop.icons[i];
|
|
}
|
|
}
|
|
function buildtree(data, ht) {
|
|
ht.push("<div class='bbit-tree-bwrap'>");
|
|
ht.push("<div class='bbit-tree-body " + id + "'>");
|
|
ht.push("<ul class='bbit-tree-root ", dfop.theme, "'>");
|
|
if (data && data.length > 0) {
|
|
var l = data.length;
|
|
for (var i = 0; i < l; i++) {
|
|
buildnode(data[i], ht, 0, i, i == l - 1);
|
|
}
|
|
}
|
|
else {
|
|
asnyloadc(null, false, function (data) {
|
|
if (data && data.length > 0) {
|
|
treenodes = data;
|
|
dfop.data = data;
|
|
if (dfop.description) {
|
|
data.unshift({
|
|
"id": "",
|
|
"text": dfop.description,
|
|
"value": "",
|
|
"img": "-1",
|
|
"parentnodes": "0",
|
|
"showcheck": false,
|
|
"isexpand": true,
|
|
"complete": true,
|
|
"hasChildren": false,
|
|
"ChildNodes": []
|
|
});
|
|
}
|
|
var l = data.length;
|
|
for (var i = 0; i < l; i++) {
|
|
buildnode(data[i], ht, 0, i, i == l - 1);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
ht.push("</ul>");
|
|
ht.push("</div>");
|
|
ht.push("</div>");
|
|
}
|
|
function buildnode(nd, ht, deep, path, isend) {
|
|
var nid = nd.id.replace(/[^\w]/gi, "_");
|
|
ht.push("<li class='bbit-tree-node'>");
|
|
var title = nd.title;
|
|
if (title) {
|
|
title = nd.title;
|
|
} else {
|
|
title = nd.text;
|
|
}
|
|
ht.push("<div id='", id, "_", nid, "' tpath='", path, "' unselectable='on' title='", title, "'");
|
|
var cs = [];
|
|
cs.push("bbit-tree-node-el");
|
|
if (nd.hasChildren) {
|
|
cs.push(nd.isexpand ? "bbit-tree-node-expanded" : "bbit-tree-node-collapsed");
|
|
}
|
|
else {
|
|
cs.push("bbit-tree-node-leaf");
|
|
}
|
|
if (nd.classes) { cs.push(nd.classes); }
|
|
|
|
ht.push(" class='", cs.join(" "), "'>");
|
|
ht.push("<span class='bbit-tree-node-indent'>");
|
|
if (deep == 1) {
|
|
ht.push("<img class='bbit-tree-icon' src='" + dfop.cbiconpath + "s.gif'/>");
|
|
}
|
|
else if (deep > 1) {
|
|
ht.push("<img class='bbit-tree-icon' src='" + dfop.cbiconpath + "s.gif'/>");
|
|
for (var j = 1; j < deep; j++) {
|
|
ht.push("<img class='bbit-tree-elbow-line' src='" + dfop.cbiconpath + "s.gif'/>");
|
|
}
|
|
}
|
|
ht.push("</span>");
|
|
cs.length = 0;
|
|
if (nd.hasChildren) {
|
|
if (nd.isexpand) {
|
|
cs.push(isend ? "bbit-tree-elbow-end-minus" : "bbit-tree-elbow-minus");
|
|
}
|
|
else {
|
|
cs.push(isend ? "bbit-tree-elbow-end-plus" : "bbit-tree-elbow-plus");
|
|
}
|
|
}
|
|
else {
|
|
cs.push(isend ? "bbit-tree-elbow-end" : "bbit-tree-elbow");
|
|
}
|
|
ht.push("<img class='bbit-tree-ec-icon ", cs.join(" "), "' src='" + dfop.cbiconpath + "s.gif'/>");
|
|
if (dfop.showcheck && nd.showcheck) {
|
|
if (nd.checkstate == null || nd.checkstate == undefined) {
|
|
nd.checkstate = 0;
|
|
}
|
|
ht.push("<img id='", id, "_", nid, "_cb' class='bbit-tree-node-cb' src='", dfop.cbiconpath, dfop.icons[nd.checkstate], "'/>");
|
|
}
|
|
|
|
if (nd.hasChildren) {
|
|
if (nd.img == -1) {
|
|
ht.push("");
|
|
} else
|
|
if (!!nd.img) {
|
|
ht.push("<i class=\"" + nd.img + "\"></i>");
|
|
} else {
|
|
ht.push("<i class=\"fa fa-folder-open\" style='width:15px'></i>");
|
|
}
|
|
} else {
|
|
if (nd.img == -1) {
|
|
ht.push("");
|
|
} else
|
|
if (!!nd.img) {
|
|
ht.push("<i class=\"" + nd.img + "\"></i>");
|
|
} else {
|
|
ht.push("<i class=\"fa fa-file-text-o\"></i>");
|
|
}
|
|
}
|
|
ht.push("<a hideFocus class='bbit-tree-node-anchor' tabIndex=1 href='javascript:void(0);'>");
|
|
ht.push("<span data-value='" + nd.id + "' class='bbit-tree-node-text' unselectable='on'>", nd.text, "</span>");
|
|
ht.push("</a>");
|
|
|
|
if (dfop.isTool) {
|
|
ht.push("<div class='bbit-tree-node-tool'>");
|
|
for (var ii in dfop.nodeTools) {
|
|
var toolItem = dfop.nodeTools[ii];
|
|
ht.push("<span class='" + toolItem.img + "' title='" + toolItem.text + "'></span>");
|
|
}
|
|
ht.push("</div>");
|
|
}
|
|
|
|
|
|
|
|
ht.push("</div>");
|
|
if (nd.hasChildren) {
|
|
if (nd.isexpand) {
|
|
ht.push("<ul class='bbit-tree-node-ct' style='z-index: 0; position: static; visibility: visible; top: auto; left: auto;'>");
|
|
if (nd.ChildNodes) {
|
|
var l = nd.ChildNodes.length;
|
|
for (var k = 0; k < l; k++) {
|
|
nd.ChildNodes[k].parent = nd;
|
|
buildnode(nd.ChildNodes[k], ht, deep + 1, path + "." + k, k == l - 1);
|
|
}
|
|
}
|
|
ht.push("</ul>");
|
|
}
|
|
else {
|
|
ht.push("<ul style='display:none;'>");
|
|
if (nd.ChildNodes) {
|
|
var l = nd.ChildNodes.length;
|
|
for (var k = 0; k < l; k++) {
|
|
nd.ChildNodes[k].parent = nd;
|
|
buildnode(nd.ChildNodes[k], ht, deep + 1, path + "." + k, k == l - 1);
|
|
}
|
|
}
|
|
ht.push("</ul>");
|
|
}
|
|
}
|
|
ht.push("</li>");
|
|
nd.render = true;
|
|
}
|
|
function getItem(path) {
|
|
var ap = path.split(".");
|
|
var t = treenodes;
|
|
for (var i = 0; i < ap.length; i++) {
|
|
if (i == 0) {
|
|
t = t[ap[i]];
|
|
}
|
|
else {
|
|
t = t.ChildNodes[ap[i]];
|
|
}
|
|
}
|
|
return t;
|
|
}
|
|
function check(item, state, type) {
|
|
var pstate = item.checkstate;
|
|
if (type == 1) {
|
|
item.checkstate = state;
|
|
}
|
|
else {
|
|
var cs = item.ChildNodes;
|
|
var l = cs.length;
|
|
var ch = true;
|
|
for (var i = 0; i < l; i++) {
|
|
if ((state == 1 && cs[i].checkstate != 1) || state == 0 && cs[i].checkstate != 0) {
|
|
ch = false;
|
|
break;
|
|
}
|
|
}
|
|
if (ch) {
|
|
item.checkstate = state;
|
|
}
|
|
else {
|
|
item.checkstate = 2;
|
|
}
|
|
}
|
|
if (item.render && pstate != item.checkstate) {
|
|
var nid = item.id.replace(/[^\w]/gi, "_");
|
|
var et = $("#" + id + "_" + nid + "_cb");
|
|
if (et.length == 1) {
|
|
et.attr("src", dfop.cbiconpath + dfop.icons[item.checkstate]);
|
|
}
|
|
}
|
|
}
|
|
function cascade(fn, item, args) {
|
|
if (fn(item, args, 1) != false) {
|
|
if (item.ChildNodes != null && item.ChildNodes.length > 0) {
|
|
var cs = item.ChildNodes;
|
|
for (var i = 0, len = cs.length; i < len; i++) {
|
|
cascade(fn, cs[i], args);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function bubble(fn, item, args) {
|
|
var p = item.parent;
|
|
while (p) {
|
|
if (fn(p, args, 0) === false) {
|
|
break;
|
|
}
|
|
p = p.parent;
|
|
}
|
|
}
|
|
function nodeclick(e) {
|
|
var path = $(this).attr("tpath");
|
|
var et = e.target || e.srcElement;
|
|
var item = getItem(path);
|
|
if (et.tagName == "IMG") {
|
|
if ($(et).hasClass("bbit-tree-elbow-plus") || $(et).hasClass("bbit-tree-elbow-end-plus")) {
|
|
if ($(this).find('i').hasClass('fa-folder')) {
|
|
$(this).find('i').swapClass('fa-folder', 'fa-folder-open');
|
|
}
|
|
var ul = $(this).next();
|
|
if (ul.hasClass("bbit-tree-node-ct")) {
|
|
ul.slideDown(200);
|
|
}
|
|
else {
|
|
var deep = path.split(".").length;
|
|
if (item.complete) {
|
|
item.ChildNodes != null && asnybuild(item.ChildNodes, deep, path, ul, item);
|
|
}
|
|
else {
|
|
$(this).addClass("bbit-tree-node-loading");
|
|
asnyloadc(item, true, function (data) {
|
|
item.complete = true;
|
|
item.ChildNodes = data;
|
|
asnybuild(data, deep, path, ul, item);
|
|
});
|
|
}
|
|
}
|
|
if ($(et).hasClass("bbit-tree-elbow-plus")) {
|
|
$(et).swapClass("bbit-tree-elbow-plus", "bbit-tree-elbow-minus");
|
|
}
|
|
else {
|
|
$(et).swapClass("bbit-tree-elbow-end-plus", "bbit-tree-elbow-end-minus");
|
|
}
|
|
$(this).swapClass("bbit-tree-node-collapsed", "bbit-tree-node-expanded");
|
|
}
|
|
else if ($(et).hasClass("bbit-tree-elbow-minus") || $(et).hasClass("bbit-tree-elbow-end-minus")) {
|
|
if ($(this).find('i').hasClass('fa-folder-open')) {
|
|
$(this).find('i').swapClass('fa-folder-open', 'fa-folder');
|
|
}
|
|
$(this).next().slideUp(200);
|
|
if ($(et).hasClass("bbit-tree-elbow-minus")) {
|
|
$(et).swapClass("bbit-tree-elbow-minus", "bbit-tree-elbow-plus");
|
|
}
|
|
else {
|
|
$(et).swapClass("bbit-tree-elbow-end-minus", "bbit-tree-elbow-end-plus");
|
|
}
|
|
$(this).swapClass("bbit-tree-node-expanded", "bbit-tree-node-collapsed");
|
|
}
|
|
else if ($(et).hasClass("bbit-tree-node-cb")) {
|
|
var s = item.checkstate != 1 ? 1 : 0;
|
|
var r = true;
|
|
if (dfop.oncheckboxclick) {
|
|
r = dfop.oncheckboxclick.call(et, item, s);
|
|
}
|
|
if (r != false) {
|
|
if (dfop.cascadecheck) {
|
|
cascade(check, item, s);
|
|
bubble(check, item, s);
|
|
}
|
|
else {
|
|
check(item, s, 1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
if (dfop.citem) {
|
|
var nid = dfop.citem.id.replace(/[^\w]/gi, "_");
|
|
$("." + id).removeClass("bbit-tree-selected");
|
|
}
|
|
dfop.citem = item;
|
|
$("." + id).find('div').removeClass("bbit-tree-selected");
|
|
$(this).addClass("bbit-tree-selected");
|
|
if (dfop.onnodeclick) {
|
|
if (!item.expand) {
|
|
item.expand = function () { expandnode.call(item); };
|
|
}
|
|
dfop.onnodeclick.call(this, item);
|
|
}
|
|
}
|
|
}
|
|
function expandnode() {
|
|
var item = this;
|
|
var nid = item.id.replace(/[^\w]/gi, "_");
|
|
var img = $("#" + id + "_" + nid + " img.bbit-tree-ec-icon");
|
|
if (img.length > 0) {
|
|
img.click();
|
|
}
|
|
}
|
|
function asnybuild(nodes, deep, path, ul, pnode) {
|
|
var l = nodes.length;
|
|
if (l > 0) {
|
|
var ht = [];
|
|
for (var i = 0; i < l; i++) {
|
|
nodes[i].parent = pnode;
|
|
buildnode(nodes[i], ht, deep, path + "." + i, i == l - 1);
|
|
}
|
|
ul.html(ht.join(""));
|
|
ht = null;
|
|
InitEvent(ul);
|
|
}
|
|
ul.addClass("bbit-tree-node-ct").css({ "z-index": 0, position: "static", visibility: "visible", top: "auto", left: "auto", display: "" });
|
|
ul.prev().removeClass("bbit-tree-node-loading");
|
|
}
|
|
function asnyloadc(pnode, isAsync, callback) {
|
|
if (dfop.url) {
|
|
if (pnode && pnode != null)
|
|
var param = builparam(pnode);
|
|
if (dfop.param != null) {
|
|
var param = dfop.param
|
|
}
|
|
$.ajax({
|
|
type: dfop.method,
|
|
url: dfop.url,
|
|
data: param,
|
|
async: isAsync,
|
|
dataType: dfop.datatype,
|
|
success: callback,
|
|
error: function (e) { dialogMsg("服务端未响应。", -1); }
|
|
});
|
|
}
|
|
}
|
|
function builparam(node) {
|
|
var p = [{ name: "id", value: encodeURIComponent(node.id) }
|
|
, { name: "text", value: encodeURIComponent(node.text) }
|
|
, { name: "value", value: encodeURIComponent(node.value) }
|
|
, { name: "checkstate", value: node.checkstate }];
|
|
return p;
|
|
}
|
|
function bindevent() {
|
|
$(this).hover(function () {
|
|
$(this).addClass("bbit-tree-node-over");
|
|
}, function () {
|
|
$(this).removeClass("bbit-tree-node-over");
|
|
}).click(nodeclick)
|
|
.find("img.bbit-tree-ec-icon").each(function (e) {
|
|
if (!$(this).hasClass("bbit-tree-elbow")) {
|
|
$(this).hover(function () {
|
|
$(this).parent().addClass("bbit-tree-ec-over");
|
|
}, function () {
|
|
$(this).parent().removeClass("bbit-tree-ec-over");
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function InitEvent(parent) {
|
|
var nodes = $("li.bbit-tree-node>div", parent);
|
|
nodes.each(bindevent);
|
|
}
|
|
function reflash(itemId) {
|
|
var nid = itemId.replace(/[^\w-]/gi, "_");
|
|
var node = $("#" + id + "_" + nid);
|
|
if (node.length > 0) {
|
|
node.addClass("bbit-tree-node-loading");
|
|
var isend = node.hasClass("bbit-tree-elbow-end") || node.hasClass("bbit-tree-elbow-end-plus") || node.hasClass("bbit-tree-elbow-end-minus");
|
|
var path = node.attr("tpath");
|
|
var deep = path.split(".").length;
|
|
var item = getItem(path);
|
|
if (item) {
|
|
asnyloadc(item, true, function (data) {
|
|
|
|
item.complete = true;
|
|
item.ChildNodes = data;
|
|
item.isexpand = true;
|
|
if (data && data.length > 0) {
|
|
item.hasChildren = true;
|
|
}
|
|
else {
|
|
item.hasChildren = false;
|
|
}
|
|
var ht = [];
|
|
buildnode(item, ht, deep - 1, path, isend);
|
|
ht.shift();
|
|
ht.pop();
|
|
var li = node.parent();
|
|
li.html(ht.join(""));
|
|
ht = null;
|
|
InitEvent(li);
|
|
bindevent.call(li.find(">div"));
|
|
});
|
|
}
|
|
}
|
|
}
|
|
function getck(items, c, fn) {
|
|
for (var i = 0, l = items.length; i < l; i++) {
|
|
(items[i].showcheck == true && items[i].checkstate == 1) && c.push(fn(items[i]));
|
|
if (items[i].ChildNodes != null && items[i].ChildNodes.length > 0) {
|
|
getck(items[i].ChildNodes, c, fn);
|
|
}
|
|
}
|
|
}
|
|
function getCkAndHalfCk(items, c, fn) {
|
|
for (var i = 0, l = items.length; i < l; i++) {
|
|
(items[i].showcheck == true && (items[i].checkstate == 1 || items[i].checkstate == 2)) && c.push(fn(items[i]));
|
|
if (items[i].ChildNodes != null && items[i].ChildNodes.length > 0) {
|
|
getCkAndHalfCk(items[i].ChildNodes, c, fn);
|
|
}
|
|
}
|
|
}
|
|
me[0].t = {
|
|
getSelectedNodes: function (gethalfchecknode) {
|
|
var s = [];
|
|
if (gethalfchecknode) {
|
|
getCkAndHalfCk(treenodes, s, function (item) { return item; });
|
|
}
|
|
else {
|
|
getck(treenodes, s, function (item) { return item; });
|
|
}
|
|
return s;
|
|
},
|
|
getSelectedValues: function () {
|
|
var s = [];
|
|
getck(treenodes, s, function (item) { return item.value; });
|
|
return s;
|
|
},
|
|
getCurrentItem: function () {
|
|
return dfop.citem;
|
|
},
|
|
reflash: function (itemOrItemId) {
|
|
var id;
|
|
if (typeof (itemOrItemId) == "string") {
|
|
id = itemOrItemId;
|
|
}
|
|
else {
|
|
id = itemOrItemId.id;
|
|
}
|
|
reflash(id);
|
|
}
|
|
};
|
|
return me;
|
|
};
|
|
$.fn.getCheckedNodes = function () {
|
|
var $id = $(this);
|
|
var _length = $id.attr('id').trim().length + 1;
|
|
var value = []
|
|
$id.find('.bbit-tree-node-cb').each(function () {
|
|
var _src = $(this).attr('src');
|
|
_src = _src.substr(_src.lastIndexOf("/") + 1);
|
|
if (_src == 'checkbox_1.png' || _src == 'checkbox_2.png') {
|
|
var _value = $(this).attr('id').substring(parseInt(_length)).replace(/_/g, "-");
|
|
_value = _value.substring(0, _value.length - 3);
|
|
value.push(_value)
|
|
}
|
|
});
|
|
return value;
|
|
};
|
|
$.fn.setCheckedNodes = function (data) {
|
|
var $id = $(this);
|
|
var id = $id.attr('id').trim();
|
|
$.each(data, function (i, item) {
|
|
var object = $id.find(('#' + id + '_' + item.replace(/-/g, "_") + '_cb'));
|
|
if (object.length != 0) {
|
|
object.trigger("click");
|
|
}
|
|
});
|
|
}
|
|
$.fn.setCheckedNodeOne = function (data) {
|
|
var $id = $(this);
|
|
var id = $id.attr('id').trim();
|
|
var object = $id.find(('#' + id + '_' + data.replace(/-/g, "_") + '_cb'));
|
|
if (object.length != 0) {
|
|
object.trigger("click");
|
|
}
|
|
|
|
}
|
|
$.fn.setNoCheckedNodes = function (item) {
|
|
var $id = $(this);
|
|
var id = $id.attr('id').trim();
|
|
var object = $id.find(('#' + id + '_' + item.replace(/-/g, "_") + '_cb'));
|
|
var _src = object.attr('src');
|
|
object.attr('src', _src.replace('checkbox_1.png', 'checkbox_0.png'));
|
|
}
|
|
|
|
$.fn.getTSNs = function (gethalfchecknode) {
|
|
if (this[0].t) {
|
|
return this[0].t.getSelectedNodes(gethalfchecknode);
|
|
}
|
|
return null;
|
|
};
|
|
$.fn.getCurrentNode = function () {
|
|
if (this[0].t) {
|
|
return this[0].t.getCurrentItem();
|
|
}
|
|
return null;
|
|
};
|
|
$.fn.reflash = function (ItemOrItemId) {
|
|
if (this[0].t) {
|
|
return this[0].t.reflash(ItemOrItemId);
|
|
}
|
|
};
|
|
$.fn.setTreeHeight = function (height) {
|
|
var me = $(this);
|
|
me.height(height);
|
|
}
|
|
$.fn.setNodeChecked = function (value) {
|
|
var $id = $(this);
|
|
var id = $id.attr('id').trim();
|
|
$id.find('.bbit-tree-selected').removeClass('bbit-tree-selected');
|
|
var object = $id.find(('#' + id + '_' + value.replace(/-/g, "_")));
|
|
object.addClass('bbit-tree-selected');
|
|
}
|
|
})(jQuery);
|