2017-03-11 25 views
1

我有一個qx.ui.table.Table,當行焦點時變得難以閱讀。我使用qx.ui.table.cellrenderer.Date作爲基類來覆蓋單元格的背景顏色,雖然它沒有出現,但是當
focusCellOnPointerMove : true觸發事件時會調用此方法。使用focusCellOnPointerMove時,表格單元的樣式是在哪裏?

那麼,當某一行出現焦點時,桌子的位置在哪裏?

Example

這裏是我的控制裝置:

// Overridden 
_getCellStyle : function(cellInfo) 
{ 
    var diff = 5; // Example 
    if (diff < 60) 
    { 
    var color = '#8cff5e'; 
    return this.base(arguments, cellInfo) + "background-color:" + color + ";"; 
    } else if (diff < 60 * 5) 
    { 
    var color = '#ffff00'; 
    return this.base(arguments, cellInfo) + "background-color:" + color + ";"; 
    } else 
    { 
    return cellInfo.style || ""; 
    } 

}, 

使用建議由scro34: enter image description here

回答

1

如果你只是想改變一個錶行的背景顏色時,它的指向可以使用qooxdoo的主題功能並覆蓋您應用於應用程序的主題附帶的顏色聲明。

表插件使用兩個顏色鍵來控制背景色,當指針懸停在一排:錶行背景聚焦(未被選擇的行)和錶行背景聚焦選擇 (選定的行)。

要覆蓋預設值,開Color.js它位於應用程序的「主題」文件夾並添加兩個條目,以文件的「顏色」部分,例如:

qx.Theme.define("myApp.theme.Color", 
{ 
    extend : qx.theme.indigo.Color, 

    colors : 
    { 
    "table-row-background-focused" : "#8cff5e", 
    "table-row-background-focused-selected" : "#ffff00" 
    } 
}); 

更多上表的造型http://www.qooxdoo.org/current/pages/desktop/ui_theming.html

教程:http://www.qooxdoo.org/5.0.1/pages/desktop/ui_table_styling.html

+0

雖然這是有幫助的,它並不完全回答我的問題在哪裏的個別單元被風格化的最終位置約在主題化信息的Qooxdoo。使用這種方法,只給出不同顏色的相同結果。查看我的更新。 – Jonathan

相關問題