如果 jqxgrid 中的“单列”中没有数据,则突出显示整行
Highlight the entire row if there is no data in a Single Column in jqxgrid
我的要求是:
如果jqx网格中至少单列中没有数据,我需要突出显示整个行,任何人都可以帮助我吗?
var cellsrenderer = function (row, columnfield, value, defaulthtml, columnproperties, rowdata)
{
if (value > 2)
{
return '<span style="margin: 4px; float: ' + columnproperties.cellsalign + '; color: #ff0000;font-weight:bold;">' + value + '</span>';
}
else
{
return '<span style="margin: 4px; float: ' + columnproperties.cellsalign + '; color: #00000;font-weight:normal;">' + value + '</span>';
}
};
你可以尝试这样的东西:单元格样式。此示例显示条件单元格格式设置。在您的情况下,您必须为所有网格列实现"cellclassname"函数。通过这样做,您将能够实现条件行格式。
如果你通过cellclassname
路线,你可以尝试这样的事情:
var cellClass = function(gridId, highlightClass) {
highlightClass = highlightClass || 'default';
return function(row, columnfield, value) {
return hasEmptyCell(gridId, row) ? highlightClass : '';
// where hasEmptyCell is a function that checks if a row has an empty cell
};
};
var cols = [
{ text: 'Product Name', datafield: 'ProductName', width: 250 },
{ text: 'Quantity per Unit', datafield: 'QuantityPerUnit', cellsalign: 'right', align: 'right', width: 120 },
{ text: 'Unit Price', datafield: 'UnitPrice', align: 'right', cellsalign: 'right', cellsformat: 'c2', width: 100 },
{ text: 'Units In Stock', datafield: 'UnitsInStock', cellsalign: 'right', width: 100 },
{ text: 'Discontinued', columntype: 'checkbox', datafield: 'Discontinued' },
];
for (var i in cols) {
cols[i].cellclassname = cellClass('#test-grid', 'highlighted');
}
// then initialize jqxGrid using cols
$("#jqxgrid").jqxGrid({
columns: cols
/* ... other properties */
});
相关文章:
- 如何通过所选索引(AngularJS)在模态弹出窗口中显示数据
- Angular渲染元素,但不渲染;t显示数据
- 如何在分页事件中突出显示数据表中的单词
- Angular JS和Node路由/布线-仅在页面刷新后显示数据
- MVC中关于表的自定义工具提示-每行显示数据
- Highcharts:根据表单输入动态显示数据
- 重置transform:rotate(),方法是移除并追加在追加和重绘图表后未显示数据的画布
- jqGrid无法显示数据
- 显示数据的最快方式
- 如何从jquery日期和时间选择器中选择和显示数据
- 我的复选框没有't使用的循环来显示数据
- 如何在状态输入ui路由器时立即显示模板,然后当承诺被解决时显示数据
- 车把模板不显示数据
- 如何完成表单后使用 AJAX 重定向并在其他页面上显示数据
- Html5 Web 存储未在第二页中显示数据
- ASP.Net VB - 显示数据折叠样式
- 正确禁止显示数据表中的警告
- 在使用 JS 进行选择时在文本框中显示数据
- 如何使用 C# 和 Angular js 在视图上显示数据
- 在轨道上的 Ruby 文本字段中动态显示数据