Getting listboxitem background color in javascript

[Eddie]

Hello all,

Is it possible to get and/or set the background color of a radlistbox item in Javascript? 

Thanks!

Eddie

[Shinu]

Hi Eddie,

Here is the example which shows how to set/get the background color of RadListBoxItem from clientside.

aspx:

<telerik:RadListBox ID="RadListBox1" runat="server">
    <Items>
        <telerik:RadListBoxItem runat="server" Text="RadListBoxItem1" />
        <telerik:RadListBoxItem runat="server" Text="RadListBoxItem2" />
      . . .
    </Items>
</telerik:RadListBox>
<input id="Button1" type="button" value="set" onclick="setColor();" />
<input id="Button2" type="button" value="get" onclick="getColor();" />

javascript:

<script type="text/javascript">
    function setColor() {
        var listBox = $find('<%= RadListBox1.ClientID %>');
        var item = listBox.findItemByText("RadListBoxItem1");
        item.get_element().style.backgroundColor = "red";
    }
    function getColor() {
        var listBox = $find('<%= RadListBox1.ClientID %>');
        var item = listBox.findItemByText("RadListBoxItem1");
        alert(item.get_element().style.backgroundColor);
    }
</script>

-Shinu.

[Abhay]

Is it possible to change clour of rad listbox, when it is empty or it contens no record.

[Shinu]

Hello Abhay,

You can try the following client side code by subscribing the RadListBox event event OnClientLoad.

Here is the code which fired on the ClientLoad
ClientSide:

function OnClientLoad(sender, args)
   {
      var listbox = $find("<%= RadListBox1.ClientID %>");
      if (listbox.get_items().get_count() == 0)
     {
          listbox.get_element().style.backgroundColor = "Red";
      }
  }

Thanks,
Shinu.