Hi all,
when I am using meta columns and a focus indicator in a table, the border of
the focus indicator of cells abuting against the meta columns does not appear
completely.
Please have a look at this snippet:
-------------------------------------------------------
var tableModel = new qx.ui.table.model.Simple();
tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
var rowData = [];
var now = new Date().getTime();
var dateRange = 400 * 24 * 60 * 60 * 1000; // 400 days
for (var row = 0; row < 100; row++) {
var date = new Date(now + Math.random() * dateRange - dateRange / 2);
rowData.push([ row, Math.random() * 10000, date, (Math.random() > 0.5) ]);
}
tableModel.setData(rowData);
tableModel.setColumnEditable(1, true);
tableModel.setColumnEditable(2, true);
var table = new qx.ui.table.Table(tableModel);
table.setMetaColumnCounts([2, -1]);
table.getSelectionModel().setSelectionMode(qx.ui.table.selection.Model.MULTIPLE_INTERVAL_SELECTION);
table.getTableColumnModel().setDataCellRenderer(3, new
qx.ui.table.cellrenderer.Boolean());
table.getTableColumnModel().setColumnWidth(1, 250);
table.getTableColumnModel().setColumnWidth(2, 200);
table.setMaxWidth(750);
this.getRoot().add(table, {left: 50, top: 10});
-------------------------------------------------------
If you click in the cell in the secound row and third column, the left border
of the focus indicator does not appear.
First I had a look at the appearance (modern theme), but there is no state
handling or using another decorator according to the state:
--------------------------------------------------------
"table-scroller/focus-indicator" :
{
style : function(states)
{
return {
decorator : "table-scroller-focus-indicator"
};
}
},
--------------------------------------------------------
Then I had a look at the implementation (qx.ui.table.pane.Scroller), but I did
not find any helping code lines.
Last I analyzed the generated HTML, but I seems to be ok:
--------------------------------------------------------
<div style="border: 2px solid rgb(8, 128, 239); position: absolute; top: 0pt;
left: 0pt;
background-position: 0pt 0pt; width: 199px; height: 19px; z-index: 5000;"
qxtype="decorator"></div>
--------------------------------------------------------
I played around with the Z-Index too, but it did not helped me.
So...WTF....am I doing wrong ? ;-)
Regards,
Robert
------------------------------------------------------------------------------
This SF.net email is sponsored by Sprint
What will you do first with EVO, the first 4G phone?
Visit sprint.com/first -- http://p.sf.net/sfu/sprint-com-first
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
