How remove Rad Clod item From Client Side like facebook tags

4 posts, 0 answers
  1. Umut
    Umut avatar
    6 posts
    Member since:
    Jul 2010

    Posted 17 Sep 2010 Link to this post

    Hello again,

    How can I remove rad Cloud item from tag list by using javascript from Client Side.?

    I couldn't see any function about this property in help document. 

    I want to remove when user click on it. Maybe we can put remove images left side each tag.

    can we put dynamic "remove image" ( maybe image button ) for every tag ?  Pls help.


    function OnClientItemClicking(cloud, args) {



    if (cloud.get_id() == "RadTagCloudCustomer")


     ??????? // remove this item from list.








  2. Umut
    Umut avatar
    6 posts
    Member since:
    Jul 2010

    Posted 17 Sep 2010 Link to this post

    can anyone help me ?
  3. DevCraft R3 2016 release webinar banner
  4. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 17 Sep 2010 Link to this post

    Hello Umut,

    You can handle the OnClientItemClicked event and add this piece of code to remove the selected item:

    function OnClientItemClicked(sender, args) {

    I hope that helps.
  5. Pero
    Pero avatar
    1156 posts

    Posted 22 Sep 2010 Link to this post

    Hi Umut,

    There is no built-in way that will remove a TagCloud item on the client-side. This can be done on the server only. For example, the following code removes the item by finding it in the Items collection using its Text. Please note that the Text must be unique.

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <asp:Label ID="Label1" runat="server"></asp:Label>
    <telerik:RadTagCloud ID="TagCloud1" runat="server" Width="400px">
            <telerik:RadTagCloudItem Text="ASP.NET" Weight="12" />
            <telerik:RadTagCloudItem Text="AJAX" Weight="134" />
            <telerik:RadTagCloudItem Text="VB" Weight="56" />
            <telerik:RadTagCloudItem Text="C#" Weight="38" />
            <telerik:RadTagCloudItem Text="Web" Weight="73" />
            <telerik:RadTagCloudItem Text="jQuery" Weight="23" />
            <telerik:RadTagCloudItem Text=".NET" Weight="78" />
            <telerik:RadTagCloudItem Text="Code" Weight="50" />
    <asp:Button ID="Button1" runat="server" Text="Remove TagCloudItem Named 'AJAX'" OnClick="Button1_Click" />
    <br />
    <asp:Button ID="ButtonPostback" runat="server" Text="PostBack" />

    using System;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data;
    using System.Configuration;
    using System.Web.Security;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    using Telerik.Web.UI;
    public partial class Default : System.Web.UI.Page
        protected void Page_Load(object sender, EventArgs e)
        protected void Button1_Click(object sender, EventArgs e)
            RadTagCloudItem itemToRemove = new RadTagCloudItem();
            itemToRemove = FindItemByText(TagCloud1, "AJAX");
        private RadTagCloudItem FindItemByText(RadTagCloud tagCloud, string itemText)
            RadTagCloudItem itemToRemove = new RadTagCloudItem();
            foreach (RadTagCloudItem item in tagCloud.Items)
                if (string.Compare(item.Text, itemText) == 0)
                    itemToRemove = item;
                    return itemToRemove;
            return itemToRemove;

    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top