home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
Freelog 101
/
FreelogNo101-JanvierFevrier2011.iso
/
Securite
/
Passter
/
Passter.exe
/
flexigrid.js
< prev
next >
Wrap
Text File
|
2010-10-26
|
17KB
|
638 lines
/*
* Flexigrid for jQuery - New Wave Grid
*
* Copyright (c) 2008 Paulo P. Marinas (webplicity.net/flexigrid)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2008-07-14 00:09:43 +0800 (Tue, 14 Jul 2008) $
*/
(function($){
$.addFlex = function(t,p)
{
if (t.grid) return false; //return if already exist
// apply default properties
p = $.extend({
height: 200, //default height
width: 'auto', //auto width
striped: true, //apply odd even stripes
novstripe: false,
minwidth: 30, //min width of columns
minheight: 80, //min height of columns
resizable: true, //resizable table
url: false, //ajax url
method: 'POST', // data sending method
dataType: 'xml', // type of data loaded
errormsg: 'Connection Error',
usepager: false, //
nowrap: true, //
page: 1, //current page
total: 1, //total pages
useRp: true, //use the results per page select box
rp: 15, // results per page
rpOptions: [10,15,20,25,40],
title: false,
pagestat: 'Displaying {from} to {to} of {total} items',
pagetext: 'Page',
outof: 'of',
findtext: 'Find',
procmsg: 'Processing, please wait ...',
query: '',
qtype: '',
nomsg: 'No items',
minColToggle: 1, //minimum allowed column to be hidden
showToggleBtn: true, //show or hide column toggle popup
hideOnSubmit: true,
autoload: true,
blockOpacity: 0.5,
onDragCol: false,
onToggleCol: false,
onChangeSort: false,
onSuccess: false,
onError: false,
onSubmit: false // using a custom populate function
}, p);
$(t)
.show() //show if hidden
.attr({cellPadding: 0, cellSpacing: 0, border: 0}) //remove padding and spacing
.removeAttr('width') //remove width properties
;
//create grid class
var g = {
hset : {},
rePosDrag: function () {
var cdleft = 0 - this.hDiv.scrollLeft;
if (this.hDiv.scrollLeft>0) cdleft -= Math.floor(p.cgwidth/2);
$(g.cDrag).css({top:g.hDiv.offsetTop+1});
var cdpad = this.cdpad;
$('div',g.cDrag).hide();
$('thead tr:first th:visible',this.hDiv).each
(
function ()
{
var n = $('thead tr:first th:visible',g.hDiv).index(this);
var cdpos = parseInt($('div',this).width());
var ppos = cdpos;
if (cdleft==0)
cdleft -= Math.floor(p.cgwidth/2);
cdpos = cdpos + cdleft + cdpad;
$('div:eq('+n+')',g.cDrag).css({'left':cdpos+'px'}).show();
cdleft = cdpos;
}
);
},
fixHeight: function (newH) {
newH = false;
if (!newH) newH = $(g.bDiv).height();
var hdHeight = $(this.hDiv).height();
$('div',this.cDrag).each(
function ()
{
$(this).height(newH+hdHeight);
}
);
var nd = parseInt($(g.nDiv).height());
if (nd>newH)
$(g.nDiv).height(newH).width(200);
else
$(g.nDiv).height('auto').width('auto');
$(g.block).css({height:newH,marginBottom:(newH * -1)});
var hrH = g.bDiv.offsetTop + newH;
if (p.height != 'auto' && p.resizable) hrH = g.vDiv.offsetTop;
$(g.rDiv).css({height: hrH});
},
dragStart: function (dragtype,e,obj) { //default drag function start
if (dragtype=='colresize') //column resize
{
$(g.nDiv).hide();$(g.nBtn).hide();
var n = $('div',this.cDrag).index(obj);
var ow = $('th:visible div:eq('+n+')',this.hDiv).width();
$(obj).addClass('dragging').siblings().hide();
$(obj).prev().addClass('dragging').show();
this.colresize = {startX: e.pageX, ol: parseInt(obj.style.left), ow: ow, n : n };
$('body').css('cursor','col-resize');
}
else if (dragtype=='vresize') //table resize
{
var hgo = false;
$('body').css('cursor','row-resize');
if (obj)
{
hgo = true;
$('body').css('cursor','col-resize');
}
this.vresize = {h: p.height, sy: e.pageY, w: p.width, sx: e.pageX, hgo: hgo};
}
else if (dragtype=='colMove') //column header drag
{
$(g.nDiv).hide();$(g.nBtn).hide();
this.hset = $(this.hDiv).offset();
this.hset.right = this.hset.left + $('table',this.hDiv).width();
this.hset.bottom = this.hset.top + $('table',this.hDiv).height();
this.dcol = obj;
this.dcoln = $('th',this.hDiv).index(obj);
this.colCopy = document.createElement("div");
this.colCopy.className = "colCopy";
this.colCopy.innerHTML = obj.innerHTML;
if ($.browser.msie)
{
this.colCopy.className = "colCopy ie";
}
$(this.colCopy).css({position:'absolute',float:'left',display:'none', textAlign: obj.align});
$('body').append(this.colCopy);
$(this.cDrag).hide();
}
$('body').noSelect();
},
dragMove: function (e) {
if (this.colresize) //column resize
{
var n = this.colresize.n;
var diff = e.pageX-this.colresize.startX;
var nleft = this.colresize.ol + diff;
var nw = this.colresize.ow + diff;
if (nw > p.minwidth)
{
$('div:eq('+n+')',this.cDrag).css('left',nleft);
this.colresize.nw = nw;
}
}
else if (this.vresize) //table resize
{
var v = this.vresize;
var y = e.pageY;
var diff = y-v.sy;
if (!p.defwidth) p.defwidth = p.width;
if (p.width != 'auto' && !p.nohresize && v.hgo)
{
var x = e.pageX;
var xdiff = x - v.sx;
var newW = v.w + xdiff;
if (newW > p.defwidth)
{
this.gDiv.style.width = newW + 'px';
p.width = newW;
}
}
var newH = v.h + diff;
if ((newH > p.minheight || p.height < p.minheight) && !v.hgo)
{
this.bDiv.style.height = newH + 'px';
p.height = newH;
this.fixHeight(newH);
}
v = null;
}
else if (this.colCopy) {
$(this.dcol).addClass('thMove').removeClass('thOver');
if (e.pageX > this.hset.right || e.pageX < this.hset.left || e.pageY > this.hset.bottom || e.pageY < this.hset.top)
{
//this.dragEnd();
$('body').css('cursor','move');
}
else
$('body').css('cursor','pointer');
$(this.colCopy).css({top:e.pageY + 10,left:e.pageX + 20, display: 'block'});
}
},
dragEnd: function () {
if (this.colresize)
{
var n = this.colresize.n;
var nw = this.colresize.nw;
$('th:visible div:eq('+n+')',this.hDiv).css('width',nw);
$('tr',this.bDiv).each (
function ()
{
$('td:visible div:eq('+n+')',this).css('width',nw);
}
);
this.hDiv.scrollLeft = this.bDiv.scrollLeft;
$('div:eq('+n+')',this.cDrag).siblings().show();
$('.dragging',this.cDrag).removeClass('dragging');
this.rePosDrag();
this.fixHeight();
this.colresize = false;
}
else if (this.vresize)
{
this.vresize = false;
}
else if (this.colCopy)
{
$(this.colCopy).remove();
if (this.dcolt != null)
{
if (this.dcoln>this.dcolt)
$('th:eq('+this.dcolt+')',this.hDiv).before(this.dcol);
else
$('th:eq('+this.dcolt+')',this.hDiv).after(this.dcol);
this.switchCol(this.dcoln,this.dcolt);
$(this.cdropleft).remove();
$(this.cdropright).remove();
this.rePosDrag();
if (p.onDragCol) p.onDragCol(this.dcoln, this.dcolt);
}
this.dcol = null;
this.hset = null;
this.dcoln = null;
this.dcolt = null;
this.colCopy = null;
$('.thMove',this.hDiv).removeClass('thMove');
$(this.cDrag).show();
}
$('body').css('cursor','default');
$('body').noSelect(false);
},
toggleCol: function(cid,visible) {
var ncol = $("th[axis='col"+cid+"']",this.hDiv)[0];
var n = $('thead th',g.hDiv).index(ncol);
var cb = $('input[value='+cid+']',g.nDiv)[0];
if (visible==null)
{
visible = ncol.hide;
}
if ($('input:checked',g.nDiv).length<p.minColToggle&&!visible) return false;
if (visible)
{
ncol.hide = false;
$(ncol).show();
cb.checked = true;
}
else
{
ncol.hide = true;
$(ncol).hide();
cb.checked = false;
}
$('tbody tr',t).each
(
function ()
{
if (visible)
$('td:eq('+n+')',this).show();
else
$('td:eq('+n+')',this).hide();
}
);
this.rePosDrag();
if (p.onToggleCol) p.onToggleCol(cid,visible);
return visible;
},
switchCol: function(cdrag,cdrop) { //switch columns
$('tbody tr',t).each
(
function ()
{
if (cdrag>cdrop)
$('td:eq('+cdrop+')',this).before($('td:eq('+cdrag+')',this));
else
$('td:eq('+cdrop+')',this).after($('td:eq('+cdrag+')',this));
}
);
//switch order in nDiv
if (cdrag>cdrop)
$('tr:eq('+cdrop+')',this.nDiv).before($('tr:eq('+cdrag+')',this.nDiv));
else
$('tr:eq('+cdrop+')',this.nDiv).after($('tr:eq('+cdrag+')',this.nDiv));
if ($.browser.msie&&$.browser.version<7.0) $('tr:eq('+cdrop+') input',this.nDiv)[0].checked = true;
this.hDiv.scrollLeft = this.bDiv.scrollLeft;
},
scroll: function() {
this.hDiv.scrollLeft = this.bDiv.scrollLeft;
this.rePosDrag();
},
addData: function (data) { //parse data
if (p.preProcess)
data = p.preProcess(data);
$('.pReload',this.pDiv).removeClass('loading');
this.loading = false;
if (!data)
{
$('.pPageStat',this.pDiv).html(p.errormsg);
return false;
}
if (p.dataType=='xml')
p.total = +$('rows total',data).text();
else
p.total = data.total;
if (p.total==0)
{
$('tr, a, td, div',t).unbind();
$(t).empty();
p.pages = 1;
p.page = 1;
this.buildpager();
$('.pPageStat',this.pDiv).html(p.nomsg);
return false;
}
p.pages = Math.ceil(p.total/p.rp);
if (p.dataType=='xml')
p.page = +$('rows page',data).text();
else
p.page = data.page;
this.buildpager();
//build new body
var tbody = document.createElement('tbody');
if (p.dataType=='json')
{
$.each
(
data.rows,
function(i,row)
{
var tr = document.createElement('tr');
if (i % 2 && p.striped) tr.className = 'erow';
if (row.id) tr.id = 'row' + row.id;
//add cell
$('thead tr:first th',g.hDiv).each
(
function ()
{
var td = document.createElement('td');
var idx = $(this).attr('axis').substr(3);
td.align = this.align;
td.innerHTML = row.cell[idx];
$(tr).append(td);
td = null;
}
);
if ($('thead',this.gDiv).length<1) //handle if grid has no headers
{
for (idx=0;idx<cell.length;idx++)
{
var td = document.createElement('td');
td.innerHTML = row.cell[idx];
$(tr).append(td);
td = null;
}
}
$(tbody).append(tr);
tr = null;
}
);
} else if (p.dataType=='xml') {
i = 1;
$("rows row",data).each
(
function ()
{
i++;
var tr = document.createElement('tr');
if (i % 2 && p.striped) tr.className = 'erow';
var nid =$(this).attr('id');
if (nid) tr.id = 'row' + nid;
nid = null;
var robj = this;
$('thead tr:first th',g.hDiv).each
(
function ()
{
var td = document.createElement('td');
var idx = $(this).attr('axis').substr(3);
td.align = this.align;
td.innerHTML = $("cell:eq("+ idx +")",robj).text();
$(tr).append(td);
td = null;
}
);
if ($('thead',this.gDiv).length<1) //handle if grid has no headers
{
$('cell',this).each
(
function ()
{
var td = document.createElement('td');
td.innerHTML = $(this).text();
$(tr).append(td);
td = null;
}
);
}
$(tbody).append(tr);
tr = null;
robj = null;
}
);
}
$('tr',t).unbind();
$(t).empty();
$(t).append(tbody);
this.addCellProp();
this.addRowProp();
//this.fixHeight($(this.bDiv).height());
this.rePosDrag();
tbody = null; data = null; i = null;
if (p.onSuccess) p.onSuccess();
if (p.hideOnSubmit) $(g.block).remove();//$(t).show();
this.hDiv.scrollLeft = this.bDiv.scrollLeft;
if ($.browser.opera) $(t).css('visibility','visible');
},
getPageNum: function(){
return p.page;
},
getNewPageNum: function(){
return p.newp;
},
changeSort: function(th) { //change sortorder
if (this.loading) return true;
$(g.nDiv).hide();$(g.nBtn).hide();
if (p.sortname == $(th).attr('abbr'))
{
if (p.sortorder=='asc') p.sortorder = 'desc';
else p.sortorder = 'asc';
}
$(th).addClass('sorted').siblings().removeClass('sorted');
$('.sdesc',this.hDiv).removeClass('sdesc');
$('.sasc',this.hDiv).removeClass('sasc');
$('div',th).addClass('s'+p.sortorder);
p.sortname= $(th).attr('abbr');
if (p.onChangeSort)
p.onChangeSort(p.sortname,p.sortorder);
else
this.populate();
},
buildpager: function(){ //rebuild pager based on new properties
$('.pcontrol input',this.pDiv).val(p.page);
$('.pcontrol span',this.pDiv).html(p.pages);
var r1 = (p.page-1) * p.rp + 1;
var r2 = r1 + p.rp - 1;
if (p.total<r2) r2 = p.total;
var stat = p.pagestat;
stat = stat.replace(/{from}/,r1);
stat = stat.replace(/{to}/,r2);
stat = stat.replace(/{total}/,p.total);
$('.pPageStat',this.pDiv).html(stat);
},
populate: function () { //get latest data
if (this.loading) return true;
if (p.onSubmit)
{
var gh = p.onSubmit();
if (!gh) return false;
}
this.loading = true;
if (!p.url) return false;
$('.pPageStat',this.pDiv).html(p.procmsg);
$('.pReload',this.pDiv).addClass('loading');
$(g.block).css({top:g.bDiv.offsetTop});
if (p.hideOnSubmit) $(this.gDiv).prepend(g.block); //$(t).hide();
if ($.browser.opera) $(t).css('visibility','hidden');
if (!p.newp) p.newp = 1;
if (p.page>p.pages) p.page = p.pages;
//var param = {page:p.newp, rp: p.rp, sortname: p.sortname, sortorder: p.sortorder, query: p.query, qtype: p.qtype};
var param = [
{ name : 'page', value : p.newp }
,{ name : 'rp', value : p.rp }
,{ name : 'sortname', value : p.sortname}
,{ name : 'sortorder', value : p.sortorder }
,{ name : 'query', value : p.query}
,{ name : 'qtype', value : p.qtype}
];
if (p.params)
{
for (var pi = 0; pi < p.params.length; pi++) param[param.length] = p.params[pi];
}
$.ajax({
type: p.method,
url: p.url,
data: param,
dataType: p.dataType,
success: function(data){ms[pWms[p = null;
<1) //handle if gris[p xp.unbind();
;
}null;+.append(tbody);
this.addCellP