DevExpress.Web.ASPxListBox:如何格式化单个列表项

时间:2012-06-06 20:06:02

标签: asp.net web devexpress

如何在DevExpress.Web.ASPxListBox中设置一个或多个个人项的外观?我谈论设置每个项目或所选项目的外观。

例如,我希望某些项目以绿色突出显示,其他项目以红色突出显示等。

提前致谢,

Soenhay

编辑:

我最终使用的是ASPxGridView。我接受了j0aqu1n的答案,因为他建议了。

1 个答案:

答案 0 :(得分:0)

我不认为这可以针对服务器端的特定项目进行。 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');
    });
});