Remove TagCloudItem

[Iason Demiros]

I have a question about removing a RadTagCloudItem. I have a TagCloud and i want it to behave like most clouds. For example, if i don't like a word in the cloud i want to right-click on the word and select from a pop-up menu remove it. And the word will be removing from the cloud i see(Client-side).

I have tried to click on the word i don't want and in server-side removing it, but it's very slow and it's not what i want. Because it's not obvious for someone else to click on the word in order to remove it.

Any propose?

[Dobromir]

Hi Iason,

If I understand you correctly, you want the user to be able to remove items from the TagCloud. Unfortunately, RadTagCloud's client-side API does not offer the required functionality at this point. To achieve the required result you can handle the RadTagCloud's ClientLoad event and manually handle the right click, e.g.:

<telerik:RadTagCloud ID="RadTagCloud1" runat="server" OnClientLoad="OnClientLoad">
    <Items>
        <telerik:RadTagCloudItem Text="text1" Weight="1" />
        <telerik:RadTagCloudItem Text="text2" Weight="2" />
        <telerik:RadTagCloudItem Text="text3" Weight="3" />
        <telerik:RadTagCloudItem Text="text4" Weight="4" />
    </Items>
</telerik:RadTagCloud>

<script type="text/javascript">
    function OnClientLoad(tagCloud, args)
    {
        var items = tagCloud.get_items();
        for (var i = 0; i < items.length; i++)
        {
            var itemElem = items[i].get_element();
            $addHandler(itemElem, "mousedown", rightClickHandler);
        }
    }
</script>

For your convenience I have attached a sample page implementing this approach.


Kind regards,
Dobromir
the Telerik team