e7b4b21328
git-svn-id: file:///svn-source/pmgr/branches/ledger_transactions_20090605@110 97e9348a-65ac-dc4b-aefc-98561f571b83
256 lines
7.6 KiB
JavaScript
256 lines
7.6 KiB
JavaScript
;(function($){
|
|
/**
|
|
* jqGrid extension for SubGrid Data
|
|
* Tony Tomov tony@trirand.com
|
|
* http://trirand.com/blog/
|
|
* Dual licensed under the MIT and GPL licenses:
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
* http://www.gnu.org/licenses/gpl.html
|
|
**/
|
|
$.fn.extend({
|
|
addSubGrid : function(t,row,pos,rowelem) {
|
|
return this.each(function(){
|
|
var ts = this;
|
|
if (!ts.grid ) {
|
|
return;
|
|
}
|
|
var td, res,_id, pID, nhc, bfsc;
|
|
td = document.createElement("td");
|
|
$(td,t).html("<img src='"+ts.p.imgpath+"plus.gif'/>").addClass("sgcollapsed")
|
|
.click( function(e) {
|
|
if($(this).hasClass("sgcollapsed")) {
|
|
pID = $("table:first",ts.grid.bDiv).attr("id");
|
|
res = $(this).parent();
|
|
var atd= pos==1?'<td></td>':'';
|
|
_id = $(res).attr("id");
|
|
bfsc =true;
|
|
if($.isFunction(ts.p.subGridBeforeExpand)) {
|
|
bfsc = ts.p.subGridBeforeExpand(pID+"_"+_id,_id);
|
|
}
|
|
if(bfsc === false) {return false;}
|
|
nhc = 0;
|
|
$.each(ts.p.colModel,function(i,v){
|
|
if(this.hidden === true) {
|
|
nhc++;
|
|
}
|
|
});
|
|
var subdata = "<tr class='subgrid'>"+atd+"<td><img src='"+ts.p.imgpath+"line3.gif'/></td><td colspan='"+parseInt(ts.p.colNames.length-1-nhc)+"'><div id="+pID+"_"+_id+" class='tablediv'>";
|
|
$(this).parent().after( subdata+ "</div></td></tr>" );
|
|
$(".tablediv",ts).css("width", ts.grid.width-20+"px");
|
|
if( $.isFunction(ts.p.subGridRowExpanded) ) {
|
|
ts.p.subGridRowExpanded(pID+"_"+ _id,_id);
|
|
} else {
|
|
populatesubgrid(res);
|
|
}
|
|
$(this).html("<img src='"+ts.p.imgpath+"minus.gif'/>").removeClass("sgcollapsed").addClass("sgexpanded");
|
|
} else if($(this).hasClass("sgexpanded")) {
|
|
bfsc = true;
|
|
if( $.isFunction(ts.p.subGridRowColapsed)) {
|
|
res = $(this).parent();
|
|
_id = $(res).attr("id");
|
|
bfsc = ts.p.subGridRowColapsed(pID+"_"+_id,_id );
|
|
};
|
|
if(bfsc===false) {return false;}
|
|
$(this).parent().next().remove(".subgrid");
|
|
$(this).html("<img src='"+ts.p.imgpath+"plus.gif'/>").removeClass("sgexpanded").addClass("sgcollapsed");
|
|
}
|
|
return false;
|
|
});
|
|
row.appendChild(td);
|
|
//-------------------------
|
|
var populatesubgrid = function( rd ) {
|
|
var res,sid,dp;
|
|
sid = $(rd).attr("id");
|
|
dp = {id:sid, nd_: (new Date().getTime())};
|
|
if(!ts.p.subGridModel[0]) {
|
|
return false;
|
|
}
|
|
if(ts.p.subGridModel[0].params) {
|
|
for(var j=0; j < ts.p.subGridModel[0].params.length; j++) {
|
|
for(var i=0; i<ts.p.colModel.length; i++) {
|
|
if(ts.p.colModel[i].name == ts.p.subGridModel[0].params[j]) {
|
|
dp[ts.p.colModel[i].name]= $("td:eq("+i+")",rd).text().replace(/\ \;/ig,'');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if(!ts.grid.hDiv.loading) {
|
|
ts.grid.hDiv.loading = true;
|
|
$("#load_"+ts.p.id).fadeIn("fast");
|
|
if(!ts.p.subgridtype) ts.p.subgridtype = ts.p.datatype;
|
|
if($.isFunction(ts.p.subgridtype)) {
|
|
ts.p.subgridtype(dp);
|
|
}
|
|
switch(ts.p.subgridtype) {
|
|
case "xml":
|
|
$.ajax({
|
|
type:ts.p.mtype,
|
|
url: ts.p.subGridUrl,
|
|
dataType:"xml",
|
|
data: dp,
|
|
complete: function(sxml) {
|
|
subGridXml(sxml.responseXML, sid);
|
|
sxml = null;
|
|
}
|
|
});
|
|
break;
|
|
case "json":
|
|
$.ajax({
|
|
type:ts.p.mtype,
|
|
url: ts.p.subGridUrl,
|
|
dataType:"json",
|
|
data: dp,
|
|
complete: function(JSON) {
|
|
subGridJson(eval("("+JSON.responseText+")"),sid);
|
|
JSON = null;
|
|
}
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
var subGridCell = function(trdiv,cell,pos){
|
|
var tddiv = document.createElement("div");
|
|
tddiv.className = "celldiv";
|
|
$(tddiv).html(cell).css("text-align",ts.p.subGridModel[0].align[pos]).width( ts.p.subGridModel[0].width[pos] || 80);
|
|
trdiv.appendChild(tddiv);
|
|
};
|
|
var subGridXml = function(sjxml, sbid){
|
|
var trdiv, tddiv, i,cur, sgmap, dummy = document.createElement("span");
|
|
trdiv = document.createElement("div");
|
|
trdiv.className="rowdiv";
|
|
for (i = 0; i<ts.p.subGridModel[0].name.length; i++) {
|
|
tddiv = document.createElement("div");
|
|
tddiv.className = "celldivth";
|
|
$(tddiv).html(ts.p.subGridModel[0].name[i])
|
|
.width( ts.p.subGridModel[0].width[i]);
|
|
trdiv.appendChild(tddiv);
|
|
}
|
|
dummy.appendChild(trdiv);
|
|
if (sjxml){
|
|
sgmap = ts.p.xmlReader.subgrid;
|
|
$(sgmap.root+">"+sgmap.row, sjxml).each( function(){
|
|
trdiv = document.createElement("div");
|
|
trdiv.className="rowdiv";
|
|
if(sgmap.repeatitems === true) {
|
|
$(sgmap.cell,this).each( function(i) {
|
|
subGridCell(trdiv, this.textContent || this.text || ' ',i);
|
|
});
|
|
} else {
|
|
var f = ts.p.subGridModel[0].mapping;
|
|
if (f) {
|
|
for (i=0;i<f.length;i++) {
|
|
subGridCell(trdiv, $(f[i],this).text() || ' ',i);
|
|
}
|
|
}
|
|
}
|
|
dummy.appendChild(trdiv);
|
|
});
|
|
}
|
|
var pID = $("table:first",ts.grid.bDiv).attr("id")+"_";
|
|
$("#"+pID+sbid).append($(dummy).html());
|
|
ts.grid.hDiv.loading = false;
|
|
$("#load_"+ts.p.id).fadeOut("fast");
|
|
return false;
|
|
};
|
|
var subGridJson = function(sjxml, sbid){
|
|
var trdiv, tddiv,result , i,cur, sgmap, dummy = document.createElement("span");
|
|
trdiv = document.createElement("div");
|
|
trdiv.className="rowdiv";
|
|
for (i = 0; i<ts.p.subGridModel[0].name.length; i++) {
|
|
tddiv = document.createElement("div");
|
|
tddiv.className = "celldivth";
|
|
$(tddiv).html(ts.p.subGridModel[0].name[i])
|
|
.width( ts.p.subGridModel[0].width[i]);
|
|
trdiv.appendChild(tddiv);
|
|
}
|
|
dummy.appendChild(trdiv);
|
|
if (sjxml){
|
|
sgmap = ts.p.jsonReader.subgrid;
|
|
result = sjxml[sgmap.root];
|
|
if( typeof result !== 'undefined') {
|
|
for (i=0;i<result.length;i++) {
|
|
cur = result[i];
|
|
trdiv = document.createElement("div");
|
|
trdiv.className="rowdiv";
|
|
if(sgmap.repeatitems === true) {
|
|
if(sgmap.cell) { cur=cur[sgmap.cell]; }
|
|
for (var j=0;j<cur.length;j++) {
|
|
subGridCell(trdiv, cur[j] || ' ',j);
|
|
}
|
|
} else {
|
|
var f = ts.p.subGridModel[0].mapping;
|
|
if(f.length) {
|
|
for (var j=0;j<f.length;j++) {
|
|
subGridCell(trdiv, cur[f[j]] || ' ',j);
|
|
}
|
|
}
|
|
}
|
|
dummy.appendChild(trdiv);
|
|
}
|
|
}
|
|
}
|
|
var pID = $("table:first",ts.grid.bDiv).attr("id")+"_";
|
|
$("#"+pID+sbid).append($(dummy).html());
|
|
ts.grid.hDiv.loading = false;
|
|
$("#load_"+ts.p.id).fadeOut("fast");
|
|
return false;
|
|
};
|
|
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).getInd($t.rows,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).getInd($t.rows,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).getInd($t.rows,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");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})(jQuery);
|