asp.net - DevExpress.Web.ASPxListBox：如何格式化单个列表项

Question

如何在 DevExpress.Web.ASPxListBox 中设置一个或多个单独项目的外观？我不是在谈论设置每个项目或选定项目的外观。

例如，我想让一些项目以绿色突出显示，而其他项目以红色突出显示，等等。

提前致谢，

索恩海

编辑：

我最终使用了 ASPxGridView。我接受了 j0aqu1n 的回答，因为他提出了建议。

Answer 1

我认为这不能针对服务器端的特定项目完成。ASPxListBox 没有 ItemDataBound 事件，这意味着您不能在元素内使用绑定表达式。一种方法是在客户端上使用 jQuery。您可以使用类标记 ASPxListBox 项：

<dx:ASPxListBox ID="ASPxListBox1" runat="server" >
            <ItemStyle CssClass="list-box-item" />
</dx:ASPxListBox>

然后在 jQuery 选择器中使用这个类来自定义客户端上的单个项目。例如：

如果您在 CSS 中定义此样式：

.even-row {
    background: Red;
} 

然后在客户端脚本块上执行以下操作：

$(document).ready(function () {
    $('td').find('.list-box-item').each(function (i) {
        if ($(this).text() == 'True')
            $(this).parent().addClass('even-row');
    });
});