如何在jqGrid中插入交替行背景顏色?jqGrid行交替背景
10
A
回答
2
function applyZebra(containerId) {
$('#' + containerId + ' tr:nth-child(even)').addClass("jqgrow evenTableRow");
$('#' + containerId + ' tr:nth-child(odd)').addClass("jqgrow oddTableRow");
}
ContainerId是您的jqGrid ID。在jqGrid的「gridComplete」事件中調用此方法。
-1
$("#myGrid").jqGrid({
...
gridComplete: function() {
var _rows = $(".jqgrow");
for (var i = 0; i < _rows.length; i += 2) {
_rows[i].attributes["class"].value += " alt";
}
}
});
+0
*方式*工作太多。該功能已經內置到網格中。沒有必要重塑它。 – 2009-11-23 22:22:04
9
看那altRows
和altclass
options。謹防通常不一致的大寫!如果您使用的是jqGrid 3.5或更高版本,這會使用jQuery UI主題。
2
要使用jQuery UI的主題使用以下代碼:
$('#'+gridName+' tr:nth-child(even)').removeClass("ui-priority-secondary");
$('#'+gridName+' tr:nth-child(odd)').addClass("ui-priority-secondary");
我使用這個代碼時,我執行手工分揀(拖動正壓降)
0
你好首先定義的CSS:
<style type="text/css">
......
.Color_Red { background:red; }
.Color_Cyan { background:cyan; }
......
中的jqGrid 則...
$("#list2").jqGrid({
........
loadComplete: function() {
var rowIDs = jQuery("#list2").getDataIDs();
for (var i=0;i<rowIDs.length;i=i+1){
rowData=jQuery("#list2").getRowData(rowIDs[i]);
var trElement = jQuery("#"+ rowIDs[i],jQuery('#list2'));
// Red
if (rowData.Estado == 0) {
trElement.removeClass('ui-widget-content');
trElement.addClass('Color_Red');
}
// Cyan
if (rowData.Estado == 2) {
trElement.removeClass('ui-widget-content');
trElement.addClass('Color_Cyan');
}
}
},
});
因此我們走行和應用RED以滿足條件== 0和青色這滿足條件== 2。
您應該更改rowData.XXX == XX按列名和值來檢查。
我有這種方式,它完美的作品。
好運!
0
調用loadComplete函數來更改jqgrid中行的背景顏色。
loadComplete : function() {
$("tr.jqgrow:odd").addClass('myAltRowClassEven');
$("tr.jqgrow:even").addClass('myAltRowClassOdd');
},
將樣式應用到css後面的使用。
<style type="text/css">
.myAltRowClassEven { background: #E0E0E0; border-color: #79B7E7; }
.myAltRowClassOdd { background: orange; }
</style>
或者
對於jqGrid的改變一行字體看到點擊以下鏈接
How can I change Background colour and Font of any row in JQGrid?
相關問題
- 1. jqgrid備用行背景
- 2. 如何設置JQGRID行背景顏色?
- 3. 交替三角形彩色背景
- 4. SSRS如何從交替背景色
- 5. 交替控制檯背景顏色 - C#
- 6. 交替列背景動態列
- 7. div上的交替背景顏色
- 8. jqGrid的標題背景
- 9. 如何在ListView中設置交替行的背景C#.net 2.0
- 10. 是否可以在FullCalendar中交替排列行背景顏色?
- 11. 在gridview行禁用交替的背景顏色yii2
- 12. 如何更改pygtk中gtk.TreeView的交替背景行顏色?
- 13. 如何爲ItemsControl行(Silverlight)製作交替背景顏色?
- 14. 如何設置交替表格行的背景顏色?
- 15. 基於可見性定義交替TreeView行的背景顏色
- 16. WPF DataGrid交替行背景不起作用
- 17. 交替行或文本框的背景顏色
- 18. 列表框行中的交替行背景顏色窗口電話8
- 19. 通過交替行數據類型設置gridview行背景顏色
- 20. 動畫背景替換
- 21. 如何更改Jqgrid中的標題和行的背景?
- 22. 懸停交換背景
- 23. UITableview單元格與交替背景圖像
- 24. CSS和HTML:身體背景圖像交替
- 25. 無序列表中項目的交替背景顏色
- 26. 如何在LinearLayout內交替兒童的背景顏色?
- 27. Telerik RadChart交替背景StripLines在ASP Ajax控制
- 28. 多個背景圖片在重複時可以交替嗎?
- 29. SSRS BIDS 2008分組交替背景顏色
- 30. 交替的背景顏色列表中的
的最佳解決方案,但如果奇/偶顏色可以從選擇這將是很好jQuery UI主題。 – 2009-11-22 15:55:39