extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-08-15 02:42:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

Column selection using default or preference

Browse Source
This commit is contained in:
Nathan Gray
2011-09-29 19:35:20 +00:00
parent 168b79bc14
commit c956d6571b
2 changed files with 166 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
etemplate/js/et2_dataview_view_gridContainer.js
View File

@ -38,6 +38,11 @@ var et2_dataview_gridContainer = Class.extend({
headerBorderWidth: false,
columnBorderWidth: false,
/**
* Hooks to allow parent to keep up to date if things change
*/
onUpdateColumns: false,
/**
* Constructor for the grid container
* @param object _parentNode is the DOM-Node into which the grid view will be inserted
@ -179,6 +184,12 @@ var et2_dataview_gridContainer = Class.extend({
{
this._updateColumns();
}
// Ability to notify parent / someone else
if (this.onUpdateColumns)
{
this.onUpdateColumns();
}
},
@ -369,7 +380,9 @@ var et2_dataview_gridContainer = Class.extend({
_buildSelectCol: function() {
// Build the "select columns" icon
this.selectColIcon = $j(document.createElement("span"))
.addClass("selectcols");
.addClass("selectcols")
// Toggle display of option popup
.click(this, function(e) {e.data.selectPopup.toggle();});
// Build the option column
this.selectCol = $j(document.createElement("th"))
@ -377,6 +390,62 @@ var et2_dataview_gridContainer = Class.extend({
.append(this.selectColIcon)
.appendTo(this.headTr);
// Build the popup
var self = this;
var columns = {};
var columns_selected = [];
for (var i = 0; i < this.columnMgr.columns.length; i++)
{
var col = this.columnMgr.columns[i];
if(col.caption && col.visibility != ET2_COL_VISIBILITY_ALWAYS_NOSELECT)
{
columns[col.id] = col.caption;
if(col.visibility == ET2_COL_VISIBILITY_VISIBLE) columns_selected.push(col.id);
}
}
var select = et2_createWidget("select", {multiple: true, rows: 8});
select.set_select_options(columns);
select.set_value(columns_selected);
var okButton = et2_createWidget("buttononly", {label: egw.lang("ok")});
okButton.set_label(egw.lang("ok"));
okButton.onclick = function() {
// Update visibility
var visibility = {};
for (var i = 0; i < self.columnMgr.columns.length; i++)
{
var col = self.columnMgr.columns[i];
if(col.caption && col.visibility != ET2_COL_VISIBILITY_ALWAYS_NOSELECT )
{
visibility[col.id] = {visible: false};
}
}
var value = select.getValue();
for(var i = 0; i < value.length; i++)
{
visibility[value[i]].visible = true;
}
self.columnMgr.setColumnVisibilitySet(visibility);
self.selectPopup.toggle();
self.updateColumns();
};
var cancelButton = et2_createWidget("buttononly");
cancelButton.set_label(egw.lang("cancel"));
cancelButton.onclick = function() {
self.selectPopup.toggle();
}
var popup = this.selectPopup = $j(document.createElement("fieldset"))
.addClass("colselection")
.css("display", "none")
.append("<legend>"+egw.lang("Select columns")+"</legend>")
.append(select.getDOMNode())
.append(okButton.getDOMNode())
.append(cancelButton.getDOMNode())
.appendTo(this.selectCol);
this.selectCol.css("width", this.scrollbarWidth - this.selectCol.outerWidth()
+ this.selectCol.width() + 1);
},