RadTreeView for ASP.NET AJAX

RadControls for ASP.NET AJAX

The OnClientNodeEditing client-side event is called when editing is completed and before the OnClientNodeEdit event fires. This event can be canceled.

The event handler receives parameters:

  1. The treeview instance that fired the event.

  2. Event arguments with functions:

    • get_node() retrieves a reference to the node being edited. You can call get_text() from this node reference to get the "old" text prior to editing.

    • get_newText() returns the new text entered by the user.

    • get_domEvent() retrieves a DOM event object of the node edit.

    • set_cancel() - call this function to specify wether the event should be canceled (true) or not (false).

The example below demonstrates preventing non-numeric entry to a node.

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

    function IsNumeric(text) {
        var ValidChars = "0123456789.";
        var IsNumber = true;
        var Char;
        for (i = 0; i < text.length && IsNumber == true; i++) {
            Char = text.charAt(i);
            if (ValidChars.indexOf(Char) == -1) {
                IsNumber = false;
            }
        }
        return IsNumber;
    }
    function ClientNodeEditing(sender, eventArgs) {
        var node = eventArgs.get_node();
        var oldText = node.get_text();
        var newText = eventArgs.get_newText()

        if (!IsNumeric(newText)) {
            alert("New entry must be numeric.");
            eventArgs.set_cancel(true);
        }
    }

</script>
CopyASPX
<telerik:RadTreeView ID="RadTreeView1" 
                     runat="server" 
                     AllowNodeEditing="True" 
                     OnClientNodeEditing="ClientNodeEditing">
</telerik:RadTreeView>

See Also