71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
function ListView(element){
|
|
this.element=element;
|
|
}
|
|
|
|
ListView.generateTable=function(collumns){
|
|
var html='<table>';
|
|
html+='<thead>';
|
|
$.each(collumns,function(index,collumn){
|
|
html+='<th>'+collumn+'</th>';
|
|
});
|
|
html+='<thead>';
|
|
html+='</head>';
|
|
html+='<tbody>';
|
|
html+'<tr class="template">';
|
|
$.each(collumns,function(index,collumn){
|
|
html+='<th class="'+collumn.toLower()+'"</th>';
|
|
});
|
|
html+'</tr>';
|
|
html+='</tbody>';
|
|
html='</table>';
|
|
return $(html);
|
|
};
|
|
|
|
ListView.prototype={
|
|
rows:{},
|
|
hoverElements:{},
|
|
addRow:function(id,data,extraData){
|
|
var tr=this.element.find('tr.template').clone();
|
|
tr.removeClass('template');
|
|
$.each(data,function(name,value){
|
|
tr.children('td.'+name).text(value);
|
|
tr.attr('data-'+name,value);
|
|
});
|
|
$.each(extraData,function(name,value){
|
|
tr.attr('data-'+name,value);
|
|
});
|
|
this.rows[id]=data;
|
|
tr.data('id',id);
|
|
this.element.children('tbody').append(tr);
|
|
},
|
|
removeRow:function(id){
|
|
this.rows[id].remove();
|
|
delete this.rows[id];
|
|
},
|
|
hoverHandeler:function(tr){
|
|
$.each(this.hoverElement,function(index,collumn){
|
|
$.each(collumn,function(index,element){
|
|
var html='<a href="#" title="'+element.title+'" class="hoverElement"/>';
|
|
var element=$(html);
|
|
element.append($('<img src="'+element.icon+'"/>'));
|
|
element.click(element.callback);
|
|
tr.children('td.'+collumn).append(element);
|
|
});
|
|
});
|
|
if(this.deleteCallback){
|
|
|
|
}
|
|
},
|
|
hoverHandelerOut:function(tr){
|
|
tr.find('*.hoverElement').remove();
|
|
},
|
|
addHoverElement:function(collumn,icon,title,callback){
|
|
if(!this.hoverElements[collumn]){
|
|
this.hoverElements[collumn]=[];
|
|
}
|
|
this.hoverElements[row].push({icon:icon,callback:callback,title:title});
|
|
},
|
|
empty:function(){
|
|
this.element.children('tr:not(.template)').remove();
|
|
}
|
|
};
|