Hello everybody, i am working with
qx.ui.table.headerrenderer.HeaderCell and i found an example that
works perfectly, but when i try to implement it in a class, it
show this error:
TypeError: ga.sgop.common.models.headerRenderer is not a constructor
here is the code from the playground (it works perfectly):
............................................................................................................
qx.Class.define("myHeaderCell",
{
extend : qx.ui.table.headerrenderer.HeaderCell,
construct : function()
{
this.base(arguments);
},
members :
{
// overridden
_createChildControlImpl : function(id, hash)
{
var control;
switch(id)
{
case "label":
control = new qx.ui.basic.Label(this.getLabel()).set({
anonymous: true,
allowShrinkX: true,
rich : true,
wrap: true
});
this._add(control, {row: 0, column: 1});
break;
}
return control || this.base(arguments, id);
}
}
});
qx.Class.define("myHeaderRenderer",
{
extend : qx.ui.table.headerrenderer.Default,
members :
{
_getContextMenuA : function()
{
var menu = new qx.ui.menu.Menu();
var btn = new
qx.ui.menu.CheckBox("Modificar").set({value: true});
var btn1 = new
qx.ui.menu.CheckBox("Eliminar").set({value: true});
menu.add(btn);
menu.add(btn1);
return menu;
},
// overridden
createHeaderCell : function(cellInfo)
{
var widget = new myHeaderCell();
widget.setContextMenu(this._getContextMenuA());
this.updateHeaderCell(cellInfo, widget);
return widget;
}
}
});
function createRandomRows(rowCount) {
var rowData = [];
var now = new Date().getTime();
var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
var nextId = 0;
for (var row = 0; row < rowCount; row++) {
var date = new Date(now + Math.random() * dateRange -
dateRange / 2);
rowData.push([ nextId++, Math.random() * 10000, date,
(Math.random() > 0.5) ]);
}
return rowData;
}
// window
var win = new qx.ui.window.Window("Table").set({
layout : new qx.ui.layout.Grow(),
allowClose: false,
allowMinimize: false,
contentPadding: 0
});
this.getRoot().add(win);
win.moveTo(30, 40);
win.open();
// table model
var tableModel = new qx.ui.table.model.Simple();
tableModel.setColumns([ "ID", "A number dsfsdfolsdf sdfoldsfds
fsdfsdofsd fds fsdkfsdnfs dfdsf", "A date", "Boolean" ]);
tableModel.setData(createRandomRows(1000));
// make second column editable
tableModel.setColumnEditable(1, true);
// table
var table = new qx.ui.table.Table(tableModel).set({
decorator: null
});
win.add(table);
var tcm = table.getTableColumnModel();
// Display a checkbox in column 3
tcm.setDataCellRenderer(3, new qx.ui.table.cellrenderer.Boolean());
// use a different header renderer
table.setHeaderCellHeight(50);
tcm.setHeaderCellRenderer(1, new myHeaderRenderer);
tcm.setHeaderCellRenderer(3, new myHeaderRenderer);
............................................................................................................
Now, when i try to implement it in a class:
....................headerCell class.......................
qx.Class.define("ga.sgop.common.models.headerCell",
{
extend : qx.ui.table.headerrenderer.HeaderCell,
construct : function()
{
this.base(arguments);
},
members :
{
// overridden
_createChildControlImpl : function(id, hash)
{
var control;
switch(id)
{
case "label":
control = new qx.ui.basic.Label(this.getLabel()).set({
anonymous: true,
allowShrinkX: true,
rich : true,
wrap: true
});
this._add(control, {row: 0, column: 1});
break;
}
return control || this.base(arguments, id);
}
}
});
....................headerRenderer class.......................
qx.Class.define("ga.sgop.common.models.headerRenderer",
{
extend : qx.ui.table.headerrenderer.Default,
// properties:{
// values: {init: [], nullable: false, event: changeValues}
// },
members :
{
_getContextMenuA : function()
{
var menu = new qx.ui.menu.Menu();
// values = this.getValues(),
// i =0;
// while(values[i]){
// var btn = new
qx.ui.menu.CheckBox(values[i]).set({value: true});
// menu.add(btn);
// i++;
// }
var btn = new
qx.ui.menu.CheckBox("Modificar").set({value: true});
var btn1 = new
qx.ui.menu.CheckBox("Eliminar").set({value: true});
menu.add(btn);
menu.add(btn1);
return menu;
},
// overridden
createHeaderCell : function(cellInfo)
{
var widget = new ga.sgop.common.models.headerCell();
widget.setContextMenu(this._getContextMenuA());
this.updateHeaderCell(cellInfo, widget);
return widget;
}
}
});
....................the example class....................
qx.Class.define("ga.ejemplo",
{
extend : qx.ui.window.Window,
properties:{
value: {check: 'Object', nullable: true, init: null,
event: 'changeValue'},
save: {check: 'Boolean', nullable: false, init: false,
event: 'changeSave'}
},
include: [ga.sgop.common.actions.MTable],
construct : function()
{
this.base(arguments,"Seleccionar estructura");
this.set({
showMinimize: false,
showMaximize: false,
width: 500,
height: 420,
modal: true,
resizableBottom: false,
resizableLeft: false,
resizableRight: false,
resizableTop: false,
// allowMaximize: false,
// allowMinimize: false,
layout: new qx.ui.layout.Canvas()
});
this.center();
this.initComponent();
},
members :
{
initComponent : function()
{
var tableModel = new qx.ui.table.model.Simple();
tableModel.setColumns([ "ID", "A number dsfsdfolsdf
sdfoldsfds fsdfsdofsd fds fsdkfsdnfs dfdsf", "A date", "Boolean" ]);
tableModel.setData(this.createRandomRows(1000));
// make second column editable
tableModel.setColumnEditable(1, true);
// table
var table = new qx.ui.table.Table(tableModel).set({
decorator: null
});
this.add(table);
var tcm = table.getTableColumnModel();
// Display a checkbox in column 3
tcm.setDataCellRenderer(3, new
qx.ui.table.cellrenderer.Boolean());
// use a different header renderer
table.setHeaderCellHeight(50);
tcm.setHeaderCellRenderer(1, new
ga.sgop.common.models.headerRenderer());
tcm.setHeaderCellRenderer(3, new
ga.sgop.common.models.headerRenderer());
},
createRandomRows: function(rowCount) {
var rowData = [];
var now = new Date().getTime();
var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
var nextId = 0;
for (var row = 0; row < rowCount; row++) {
var date = new Date(now + Math.random() * dateRange -
dateRange / 2);
rowData.push([ nextId++, Math.random() * 10000, date,
(Math.random() > 0.5) ]);
}
return rowData;
}
}
});
Please, can someone tell me what is wrong??
------------------------------------------------------------------------------
October Webinars: Code for Performance
Free Intel webinars can help you accelerate application performance.
Explore tips for MPI, OpenMP, advanced profiling, and more. Get the most from
the latest Intel processors and coprocessors. See abstracts and register >
http://pubads.g.doubleclick.net/gampad/clk?id=60135031&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
