a52c2a8462
Add the legacy frontend themes, scripts, and plugin assets required by the main SPOTA interfaces.
813 lines
27 KiB
JavaScript
813 lines
27 KiB
JavaScript
/*jshint eqeqeq:false */
|
|
/*global jQuery */
|
|
(function($){
|
|
/**
|
|
* jqGrid extension for custom methods
|
|
* Tony Tomov tony@trirand.com
|
|
* http://trirand.com/blog/
|
|
*
|
|
* Wildraid wildraid@mail.ru
|
|
* Oleg Kiriljuk oleg.kiriljuk@ok-soft-gmbh.com
|
|
* Dual licensed under the MIT and GPL licenses:
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
* http://www.gnu.org/licenses/gpl-2.0.html
|
|
**/
|
|
"use strict";
|
|
$.jgrid.extend({
|
|
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;
|
|
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;
|
|
break;
|
|
}
|
|
}
|
|
if ( idx!=-1 ){
|
|
var sort = $t.p.colModel[idx].sortable;
|
|
if ( typeof sort !== 'boolean' ) { sort = true; }
|
|
if ( typeof reload !=='boolean' ) { reload = false; }
|
|
if ( sort ) { $t.sortData("jqgh_"+$t.p.id+"_" + colname, idx, reload, sor); }
|
|
}
|
|
});
|
|
},
|
|
clearBeforeUnload : function () {
|
|
return this.each(function(){
|
|
var grid = this.grid;
|
|
grid.emptyRows.call(this, true, true); // this work quick enough and reduce the size of memory leaks if we have someone
|
|
|
|
//$(document).unbind("mouseup"); // TODO add namespace
|
|
$(grid.hDiv).unbind("mousemove"); // TODO add namespace
|
|
$(this).unbind();
|
|
|
|
grid.dragEnd = null;
|
|
grid.dragMove = null;
|
|
grid.dragStart = null;
|
|
grid.emptyRows = null;
|
|
grid.populate = null;
|
|
grid.populateVisible = null;
|
|
grid.scrollGrid = null;
|
|
grid.selectionPreserver = null;
|
|
|
|
grid.bDiv = null;
|
|
grid.cDiv = null;
|
|
grid.hDiv = null;
|
|
grid.cols = null;
|
|
var i, l = grid.headers.length;
|
|
for (i = 0; i < l; i++) {
|
|
grid.headers[i].el = null;
|
|
}
|
|
|
|
this.formatCol = null;
|
|
this.sortData = null;
|
|
this.updatepager = null;
|
|
this.refreshIndex = null;
|
|
this.setHeadCheckBox = null;
|
|
this.constructTr = null;
|
|
this.formatter = null;
|
|
this.addXmlData = null;
|
|
this.addJSONData = null;
|
|
});
|
|
},
|
|
GridDestroy : function () {
|
|
return this.each(function(){
|
|
if ( this.grid ) {
|
|
if ( this.p.pager ) { // if not part of grid
|
|
$(this.p.pager).remove();
|
|
}
|
|
try {
|
|
$(this).jqGrid('clearBeforeUnload');
|
|
$("#gbox_"+$.jgrid.jqID(this.id)).remove();
|
|
} catch (_) {}
|
|
}
|
|
});
|
|
},
|
|
GridUnload : function(){
|
|
return this.each(function(){
|
|
if ( !this.grid ) {return;}
|
|
var defgrid = {id: $(this).attr('id'),cl: $(this).attr('class')};
|
|
if (this.p.pager) {
|
|
$(this.p.pager).empty().removeClass("ui-state-default ui-jqgrid-pager corner-bottom");
|
|
}
|
|
var newtable = document.createElement('table');
|
|
$(newtable).attr({id:defgrid.id});
|
|
newtable.className = defgrid.cl;
|
|
var gid = $.jgrid.jqID(this.id);
|
|
$(newtable).removeClass("ui-jqgrid-btable");
|
|
if( $(this.p.pager).parents("#gbox_"+gid).length === 1 ) {
|
|
$(newtable).insertBefore("#gbox_"+gid).show();
|
|
$(this.p.pager).insertBefore("#gbox_"+gid);
|
|
} else {
|
|
$(newtable).insertBefore("#gbox_"+gid).show();
|
|
}
|
|
$(this).jqGrid('clearBeforeUnload');
|
|
$("#gbox_"+gid).remove();
|
|
});
|
|
},
|
|
setGridState : function(state) {
|
|
return this.each(function(){
|
|
if ( !this.grid ) {return;}
|
|
var $t = this;
|
|
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-titlebar-close span",$t.grid.cDiv).removeClass("ui-icon-circle-triangle-n").addClass("ui-icon-circle-triangle-s");
|
|
$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-titlebar-close span",$t.grid.cDiv).removeClass("ui-icon-circle-triangle-s").addClass("ui-icon-circle-triangle-n");
|
|
$t.p.gridstate = 'visible';
|
|
}
|
|
|
|
});
|
|
},
|
|
filterToolbar : function(p){
|
|
p = $.extend({
|
|
autosearch: true,
|
|
searchOnEnter : true,
|
|
beforeSearch: null,
|
|
afterSearch: null,
|
|
beforeClear: null,
|
|
afterClear: null,
|
|
searchurl : '',
|
|
stringResult: false,
|
|
groupOp: 'AND',
|
|
defaultSearch : "bw"
|
|
},p || {});
|
|
return this.each(function(){
|
|
var $t = this;
|
|
if(this.ftoolbar) { return; }
|
|
var triggerToolbar = function() {
|
|
var sdata={}, j=0, v, nm, sopt={},so;
|
|
$.each($t.p.colModel,function(){
|
|
nm = this.index || this.name;
|
|
so = (this.searchoptions && this.searchoptions.sopt) ? this.searchoptions.sopt[0] : this.stype=='select'? 'eq' : p.defaultSearch;
|
|
v = $("#gs_"+$.jgrid.jqID(this.name), (this.frozen===true && $t.p.frozenColumns === true) ? $t.grid.fhDiv : $t.grid.hDiv).val();
|
|
if(v) {
|
|
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") {
|
|
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 += "]}";
|
|
$.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);}
|
|
};
|
|
var clearToolbar = function(trigger){
|
|
var sdata={}, j=0, nm;
|
|
trigger = (typeof trigger !== 'boolean') ? true : trigger;
|
|
$.each($t.p.colModel,function(){
|
|
var v;
|
|
if(this.searchoptions && this.searchoptions.defaultValue !== undefined) { v = this.searchoptions.defaultValue; }
|
|
nm = this.index || this.name;
|
|
switch (this.stype) {
|
|
case 'select' :
|
|
$("#gs_"+$.jgrid.jqID(this.name)+" option",(this.frozen===true && $t.p.frozenColumns === true) ? $t.grid.fhDiv : $t.grid.hDiv).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':
|
|
$("#gs_"+$.jgrid.jqID(this.name),(this.frozen===true && $t.p.frozenColumns === true) ? $t.grid.fhDiv : $t.grid.hDiv).val(v);
|
|
if(v !== undefined) {
|
|
sdata[nm] = v;
|
|
j++;
|
|
} else {
|
|
try {
|
|
delete $t.p.postData[nm];
|
|
} catch (y){}
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
var sd = j>0 ? true : false;
|
|
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();}
|
|
};
|
|
var 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();
|
|
}
|
|
}
|
|
};
|
|
// create the row
|
|
var tr = $("<tr class='ui-search-toolbar' role='rowheader'></tr>");
|
|
var timeoutHnd;
|
|
$.each($t.p.colModel,function(){
|
|
var cm=this, thd , th, soptions,surl,self;
|
|
th = $("<th role='columnheader' class='ui-state-default ui-th-column ui-th-"+$t.p.direction+"'></th>");
|
|
thd = $("<div style='position:relative;height:100%;padding-right:0.3em;'></div>");
|
|
if(this.hidden===true) { $(th).css("display","none");}
|
|
this.search = this.search === false ? false : true;
|
|
if(this.stype === undefined) {this.stype='text';}
|
|
soptions = $.extend({},this.searchoptions || {});
|
|
if(this.search){
|
|
switch (this.stype)
|
|
{
|
|
case "select":
|
|
surl = this.surl || soptions.dataUrl;
|
|
if(surl) {
|
|
// data returned should have already constructed html select
|
|
// primitive jQuery load
|
|
self = thd;
|
|
$.ajax($.extend({
|
|
url: surl,
|
|
dataType: "html",
|
|
success: function(res) {
|
|
if(soptions.buildSelect !== undefined) {
|
|
var d = soptions.buildSelect(res);
|
|
if (d) { $(self).append(d); }
|
|
} else {
|
|
$(self).append(res);
|
|
}
|
|
if(soptions.defaultValue !== undefined) { $("select",self).val(soptions.defaultValue); }
|
|
$("select",self).attr({name:cm.index || cm.name, id: "gs_"+cm.name});
|
|
if(soptions.attr) {$("select",self).attr(soptions.attr);}
|
|
$("select",self).css({width: "100%"});
|
|
// preserve autoserch
|
|
$.jgrid.bindEv( $("select",self)[0], soptions, $t);
|
|
if(p.autosearch===true){
|
|
$("select",self).change(function(){
|
|
triggerToolbar();
|
|
return false;
|
|
});
|
|
}
|
|
res=null;
|
|
}
|
|
}, $.jgrid.ajaxOptions, $t.p.ajaxSelectOptions || {} ));
|
|
} else {
|
|
var oSv, sep, delim;
|
|
if(cm.searchoptions) {
|
|
oSv = cm.searchoptions.value === undefined ? "" : cm.searchoptions.value;
|
|
sep = cm.searchoptions.separator === undefined ? ":" : cm.searchoptions.separator;
|
|
delim = cm.searchoptions.delimiter === undefined ? ";" : cm.searchoptions.delimiter;
|
|
} else if(cm.editoptions) {
|
|
oSv = cm.editoptions.value === undefined ? "" : cm.editoptions.value;
|
|
sep = cm.editoptions.separator === undefined ? ":" : cm.editoptions.separator;
|
|
delim = cm.editoptions.delimiter === undefined ? ";" : cm.editoptions.delimiter;
|
|
}
|
|
if (oSv) {
|
|
var elem = document.createElement("select");
|
|
elem.style.width = "100%";
|
|
$(elem).attr({name:cm.index || cm.name, id: "gs_"+cm.name});
|
|
var so, sv, ov, key, k;
|
|
if(typeof oSv === "string") {
|
|
so = oSv.split(delim);
|
|
for(k=0; k<so.length;k++){
|
|
sv = so[k].split(sep);
|
|
ov = document.createElement("option");
|
|
ov.value = sv[0]; ov.innerHTML = sv[1];
|
|
elem.appendChild(ov);
|
|
}
|
|
} else if(typeof oSv === "object" ) {
|
|
for (key in oSv) {
|
|
if(oSv.hasOwnProperty(key)) {
|
|
ov = document.createElement("option");
|
|
ov.value = key; ov.innerHTML = oSv[key];
|
|
elem.appendChild(ov);
|
|
}
|
|
}
|
|
}
|
|
if(soptions.defaultValue !== undefined) { $(elem).val(soptions.defaultValue); }
|
|
if(soptions.attr) {$(elem).attr(soptions.attr);}
|
|
$.jgrid.bindEv( elem , soptions, $t);
|
|
$(thd).append(elem);
|
|
if(p.autosearch===true){
|
|
$(elem).change(function(){
|
|
triggerToolbar();
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
case 'text':
|
|
var df = soptions.defaultValue !== undefined ? soptions.defaultValue: "";
|
|
$(thd).append("<input type='text' style='width:95%;padding:0px;' name='"+(cm.index || cm.name)+"' id='gs_"+cm.name+"' value='"+df+"'/>");
|
|
if(soptions.attr) {$("input",thd).attr(soptions.attr);}
|
|
$.jgrid.bindEv( $("input",thd)[0], soptions, $t);
|
|
if(p.autosearch===true){
|
|
if(p.searchOnEnter) {
|
|
$("input",thd).keypress(function(e){
|
|
var key = e.charCode || e.keyCode || 0;
|
|
if(key == 13){
|
|
triggerToolbar();
|
|
return false;
|
|
}
|
|
return this;
|
|
});
|
|
} else {
|
|
$("input",thd).keydown(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();},500);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
$(th).append(thd);
|
|
$(tr).append(th);
|
|
});
|
|
$("table thead",$t.grid.hDiv).append(tr);
|
|
this.ftoolbar = true;
|
|
this.triggerToolbar = triggerToolbar;
|
|
this.clearToolbar = clearToolbar;
|
|
this.toggleToolbar = toggleToolbar;
|
|
});
|
|
},
|
|
destroyFilterToolbar: function () {
|
|
return this.each(function () {
|
|
if (!this.ftoolbar) {
|
|
return;
|
|
}
|
|
this.triggerToolbar = null;
|
|
this.clearToolbar = null;
|
|
this.toggleToolbar = null;
|
|
this.ftoolbar = false;
|
|
$(this.grid.hDiv).find("table thead tr.ui-search-toolbar").remove();
|
|
});
|
|
},
|
|
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: "rowheader"}).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});
|
|
}
|
|
});
|
|
},
|
|
setGroupHeaders : function ( o ) {
|
|
o = $.extend({
|
|
useColSpanStyle : false,
|
|
groupHeaders: []
|
|
},o || {});
|
|
return this.each(function(){
|
|
this.p.groupHeader = o;
|
|
var ts = this,
|
|
i, cmi, skip = 0, $tr, $colHeader, th, $th, thStyle,
|
|
iCol,
|
|
cghi,
|
|
//startColumnName,
|
|
numberOfColumns,
|
|
titleText,
|
|
cVisibleColumns,
|
|
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");
|
|
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: "rowheader"}).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;
|
|
|
|
// 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("ui-state-default ui-th-column-header ui-th-"+ts.p.direction)
|
|
.css({'height':'22px', 'border-top': '0px 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("ui-state-default ui-th-column-header ui-th-"+ts.p.direction)
|
|
.css({"display": cmi.hidden ? 'none' : '', 'border-top': '0px 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)")) {
|
|
$ts.css('top', ($parent.height() - $ts.outerHeight()) / 2 + 'px');
|
|
}
|
|
});
|
|
}
|
|
|
|
$firstRow = $theadInTable.find("tr.jqg-first-row-header");
|
|
$(ts).bind('jqGridResizeStop.setGroupHeaders', function (e, nw, idx) {
|
|
$firstRow.find('th').eq(idx).width(nw);
|
|
});
|
|
});
|
|
},
|
|
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;
|
|
// TODO treeGrid and grouping Support
|
|
if($t.p.subGrid === true || $t.p.treeGrid === true || $t.p.cellEdit === true || $t.p.sortable || $t.p.scroll || $t.p.grouping )
|
|
{
|
|
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;left:0px;top:'+top+'px;height:'+hth+'px;" class="frozen-div ui-state-default ui-jqgrid-hdiv"></div>');
|
|
$t.grid.fbDiv = $('<div style="position:absolute;left:0px;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;
|
|
$("tr.jqg-second-row-header th", htbl).each(function(){
|
|
var cs= parseInt($(this).attr("colspan"),10);
|
|
if(cs) {
|
|
swapfroz = swapfroz+cs;
|
|
fdel++;
|
|
}
|
|
if(swapfroz === 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);
|
|
// resizing stuff
|
|
$($t.grid.fhDiv).append(htbl)
|
|
.mousemove(function (e) {
|
|
if($t.grid.resizing){ $t.grid.dragMove(e);return false; }
|
|
});
|
|
$($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 );
|
|
});
|
|
// sorting stuff
|
|
$($t).bind('jqGridOnSortCol.setFrozenColumns', function (index, idxcol) {
|
|
|
|
var previousSelectedTh = $("tr.ui-jqgrid-labels:last th:eq("+$t.p.lastsort+")",$t.grid.fhDiv), newSelectedTh = $("tr.ui-jqgrid-labels:last th:eq("+idxcol+")",$t.grid.fhDiv);
|
|
|
|
$("span.ui-grid-ico-sort",previousSelectedTh).addClass('ui-state-disabled');
|
|
$(previousSelectedTh).attr("aria-selected","false");
|
|
$("span.ui-icon-"+$t.p.sortorder,newSelectedTh).removeClass('ui-state-disabled');
|
|
$(newSelectedTh).attr("aria-selected","true");
|
|
if(!$t.p.viewsortcols[0]) {
|
|
if($t.p.lastsort != idxcol) {
|
|
$("span.s-ico",previousSelectedTh).hide();
|
|
$("span.s-ico",newSelectedTh).show();
|
|
}
|
|
}
|
|
});
|
|
|
|
// data stuff
|
|
//TODO support for setRowData
|
|
$("#gview_"+$.jgrid.jqID($t.p.id)).append($t.grid.fbDiv);
|
|
$($t.grid.bDiv).scroll(function () {
|
|
$($t.grid.fbDiv).scrollTop($(this).scrollTop());
|
|
});
|
|
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",btbl).each(function(){
|
|
$("td: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("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)).addClass("ui-state-hover"); },
|
|
function(){ $(this).removeClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)).removeClass("ui-state-hover"); }
|
|
);
|
|
$("tr.jqgrow", "#"+$.jgrid.jqID($t.p.id)).hover(
|
|
function(){ $(this).addClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)+"_frozen").addClass("ui-state-hover");},
|
|
function(){ $(this).removeClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)+"_frozen").removeClass("ui-state-hover"); }
|
|
);
|
|
}
|
|
btbl=null;
|
|
});
|
|
$t.p.frozenColumns = true;
|
|
}
|
|
});
|
|
},
|
|
destroyFrozenColumns : function() {
|
|
return this.each(function() {
|
|
if ( !this.grid ) {return;}
|
|
if(this.p.frozenColumns === true) {
|
|
var $t = this;
|
|
$($t.grid.fhDiv).remove();
|
|
$($t.grid.fbDiv).remove();
|
|
$t.grid.fhDiv = null; $t.grid.fbDiv=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("ui-state-hover");
|
|
}
|
|
}).bind('mouseout',function(e) {
|
|
ptr = $(e.target).closest("tr.jqgrow");
|
|
$(ptr).removeClass("ui-state-hover");
|
|
});
|
|
}
|
|
this.p.frozenColumns = false;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})(jQuery);
|