/**
*
* @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(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&quot;/g, '"').replace(/&amp;/g, "&");
        },
        htmlEncode: function (value) {
            return !value ? value : String(value).replace(/&/g, "&amp;").replace(/\"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
        },
        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 !== '&nbsp;' && v !== '&#160;') ? 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 "&#160;";
                    }
                    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 === "" ? "&#160;" : (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 + "'>&#160;</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("&#160;").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) + ">&#160;</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("&#160;"); }
                $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 === "&nbsp;" || tmp === "&#160;" || (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(/\&#160\;/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 === '&nbsp;' || vl === '&#160;' || (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'>&#160;</td><td class='DataTD'>&#160;</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 === "&nbsp;" || tmp === "&#160;" || (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 === "&nbsp;" || tmp === "&#160;" || (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;'>&#160;" + "</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 + "'>&#160;</td><td class='DataTD form-view-data ui-helper-reset " + commonstyle.content + "'>&#160;</td>", tmpl = "",
                    tdtmpl2 = "<td class='CaptionTD form-view-label " + commonstyle.content + "'>&#160;</td><td class='DataTD form-view-data " + commonstyle.content + "'>&#160;</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 >&#160;</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 + "&#160;" + 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, '') + ">&#160;</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 === "&nbsp;" || tmp === "&#160;" || (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() || '&#160;', 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() || '&#160;', 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] || '&#160;', 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]] || '&#160;', 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(/\&#160\;/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 + "'>&#160;</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(/\&nbsp\;/ig, '').replace(/\&#160\;/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 || "&#160;";
    };
    $.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('&nbsp;');
            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, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
        },
        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);