ASPxClientListBox.SetItemTextCellHtml(itemIndex, textCellIndex, html) Method

Defines the HTML content for the specified list box item’s text cell.


    itemIndex: number,
    textCellIndex: number,
    html: string
): void


Name Type Description
itemIndex number

An integer value specifying the zero-based index of the item.

textCellIndex number

An integer value specifying the zero-based index of the item’s text cell.

html string

A string value that is the HTML code defining the content of the list box item.


Use the SetItemTextCellHtml method on the client side to dynamically provide a list box item’s text cell with the specified HTML content.


The following example illustrates how to specify the HTML content for a list box item’s text cell using the ASPxClientListBox.SetItemTextCellHtml method.

<dx:ASPxListBox ID="ASPxListBox1" ClientInstanceName="clientListBox" runat="server" DataSourceID="SqlDataSource1">
        <dx:ListBoxColumn FieldName="ContactName" />
        <dx:ListBoxColumn FieldName="CompanyName" />
        <dx:ListBoxColumn FieldName="Phone" />
    <ClientSideEvents Init="function(s, e) {
        for (i = 0 ; i < clientListBox.GetItemCount(); i++){
            clientListBox.SetItemTextCellHtml(i, 1, '<i>' + clientListBox.GetItem(i).GetColumnText(1) + '</i>');
            clientListBox.SetItemTextCellHtml(i, 2, '<b>' + clientListBox.GetItem(i).GetColumnText(2) + '</b>');
}" />
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;
Data Source=|DataDirectory|\nwind.mdb;Persist Security Info=True" ProviderName="System.Data.OleDb" 
SelectCommand="SELECT [CompanyName], [ContactName], [ContactTitle], [Address], [City], [Region], [Country], [Phone] FROM [Customers]"></asp:SqlDataSource>
See Also