在DataView控件上添加備用行顏色

我想爲我的DataView控件設置備用顏色;我試過rowStyleClass和rowStyle，但我無法讓它工作。在DataView控件上添加備用行顏色

rowStyleClass只給了我懸停顏色

我在做什麼使用jQuery的片段：

$().ready(function() { 
     // Apply alternate color row to DataView    
     $(".lotusTable > tbody > tr:odd").addClass("odd"); 
     $(".lotusTable > tbody > tr:not(.odd)").addClass("even"); 
    });

這個工作，但是，如果執行部分刷新（變化頁數字;添加行等）我失去了格式。

任何想法如何使用DataView屬性實現此目的？

來源

2013-04-04 PSolano

我不知道這是否可以通過屬性來實現或沒有，但你可以通過劫持它在每一個局部刷新執行你的jQuery片段（[鏈接]（http://dontpanic82.blogspot.in/ 2010/01/XPages中-hijackingpublishing-partial.html））。 XSnippets上有一個控件（[link]（http://openntf.org/XSnippets.nsf/snippet.xsp?id=standby-dialog-custom-control）），它使用這個劫持來每次顯示一個Dojo備用控件一個部分刷新事件被解僱，這可能會給你一些想法。 – Naveen 2013-04-05 09:38:19

將你的.ready函數放在部分刷新的區域內（例如DataView的DIV）。 – 2013-04-11 12:10:59

試試這個CSS，它在View Control中對我很好用。我目前不使用jQuery。在視圖控件中，我將「rowClasses」設置爲「evenrow，oddrow」。當然，數據視圖沒有rowClasses，所以請嘗試設置rowStyle或rowStyleClass以「evenrow，oddrow」並查看是否給出你正在嘗試完成的內容。

.oddrow { 
background-color: rgb(218, 234, 245); 
} 
.evenrow { 
background-color: rgb(255, 255, 255); 
} 
.evenrow:Hover { 
background-color: rgb(288, 250, 221); 
} 
.oddrow:Hover { 
background-color: rgb(288, 250, 221); 
}

來源

2013-04-04 17:48:31

我已經試過了， 'rowStyleClass =「evenrow oddrow」'，在這種情況下它只適用於第一個類「evenrow」給所有的行。我還可以看到每個有class =「evenrow oddrow」的頁面源代碼。 – PSolano 2013-04-04 21:38:50

我相信你必須在源代碼中進行更改。如果您嘗試在設計視圖中輸入它，您會收到驗證錯誤消息。它不喜歡逗號。但是當輸入源代碼時，它會以逗號「evenrow，oddrow」的最終結果。沒有逗號就無法工作。 – 2013-04-04 21:51:27

既不工作;我認爲你的方法只適用於視圖控件，至少，這是我有我的其他視圖控件。 – PSolano 2013-04-04 23:41:51

在DataView控件上添加備用行顏色

回答

相關問題