This is a migrated thread and some comments may be shown as answers.

Set RadDropDownTree SelectedItem Image

4 Answers 43 Views

DropDownTree

This is a migrated thread and some comments may be shown as answers.

Leg asked on 16 Jan 2014, 06:11 PM

Set RadDropDownTree SelectedItem Image

This sample of code is used to show in the selected item of a RadCombobox a IMAGE

<script language="javascript" type="text/javascript">

function showImageOnSelectedItemChanging(sender, eventArgs) {

var input = sender.get_inputDomElement()

input.style.background =

"url(" + eventArgs.get_item().get_imageUrl() + ") no-repeat";

input.style.paddingLeft = "22px";

}

function showFirstItemImage(sender) {

var input = sender.get_inputDomElement()

input.style.background =

"url(" + sender.get_items().getItem(0).get_imageUrl() + ") no-repeat";

input.style.paddingLeft = "22px";

}

</script>

I want to do the same in a RadDropDownTree. It's possible?

Best Regards and many thanks in advance for your help

4 Answers, 1 is accepted

answered on 05 Aug 2014, 05:31 PM

I investigate a bit and I defined some local CSS classes like these:

.buildingBkg {

background-image:url('<%= Descor.CommonWeb.WebSharedObject.IconPath.BUILDING.Replace("~", "..")%>');

background-repeat:no-repeat;

background-position:left center;

padding-left:18px !important;

}

.floorBkg {

background-image:url('<%= Descor.CommonWeb.WebSharedObject.IconPath.FLOOR.Replace("~", "..")%>');

background-repeat:no-repeat;

background-position:left center;

padding-left:18px !important;

}

Then in the server side NodeDataBound event I have set the DropDownTreeNode CssClass property, according to some logics:

Dim dNode As DropDownTreeNode = e.DropDownTreeNode

Dim levelName As String = _spatialTreeLevels.ElementAt(dNode.Level - 1).ToString 'getLevelName(dNode.Level - 1)

Select Case levelName

Case "REGIONI"

dNode.CssClass = "regionBkg"

Case "CITTA"

dNode.CssClass = "cityBkg"

Case "COMPRENSORI"

dNode.CssClass = "districtBkg"

Case "EDIFICI"

dNode.CssClass = "buildingBkg"

...