New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
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:
-
Sender–the TagCould object that fired the event.
-
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.
ASP.NET
<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>