Edit this page

OnClientItemClicking

The OnClientItemClicking event occurs when an item of the RadTagCloud control is clicked, immediately after the mouse button is released. The event is fired before the client-side validation occurs, and can be canceled

The event handler receives two parameters:

  1. Sender–the TagCould object that fired the event.

  2. Event arguments–event arguments object of type Telerik.Web.UI.RadTagCloudEventArgs, that exposes the following properties and methods:

Name Parameters Return Type Description
get_item RadTagCloudItem Returns the client-side object of the clicked item.
get_cancel Bool Returns a bool value that indicates whether the event was canceled. True means the event is canceled.
set_cancel bool Sets a bool value that indicates whether the event will be canceled. Setting true means the event will be canceled.

Example 1: Shows how you can use the OnClientItemClicking event to cancel the OnClientClicked event firing upon programmatic rule.

<telerik:RadTagCloud RenderMode="Lightweight" runat="server" ID="RadTagCloud1" 
    OnClientItemClicking="OnClientItemClicking" OnClientItemClicked="OnClientItemClicked">
    <Items>
        <telerik:RadTagCloudItem Text="Item 1" />
        <telerik:RadTagCloudItem Text="Item 2" />
    </Items>
</telerik:RadTagCloud>

<script type="text/javascript">
    function OnClientItemClicking(sender, args) {
        var item = args.get_item();
        var text = item.get_text();
        var proceedToClicked = !confirm("You clicked on Item with text \"" + text + "\".\nContinue?")
        // Note, argument value of true will prevent the further execution of the clicked event
        args.set_cancel(proceedToClicked);
    }

    function OnClientItemClicked(sender, args) {
        var item = args.get_item();
        var text = item.get_text();

        alert("Item with text \"" + text + "\" was clicked!");
    }
</script>

See Also