Unplanned
Last Updated: 04 Nov 2018 22:22 by Natondra
ADMIN
Created by: Peter Milchev
Comments: 0
Category: TreeView
Type: Bug Report
1
Workaround: 

function OnClientLoad(sender, args) {
    sender._isEditableElementInTemplate = function (target) {

        return target && $(target).closest(".rtTemplate").length > 0 &&
                (target.tagName.toUpperCase() == 'INPUT' ||
                target.tagName.toUpperCase() == 'TEXTAREA' ||
                (target.isContentEditable));
    }
}

<telerik:RadTreeView OnClientLoad="OnClientLoad" ID="RadTreeView1" runat="server" ... >
Completed
Last Updated: 08 Jun 2021 13:24 by ADMIN
Release R2 2021 SP1
In Classic RenderMode, Windows7 skin, TreeView nodes are higher when inside ContentTemplate of RadPanelBarItem:



<div>
    wrong:
    <telerik:RadPanelBar RenderMode="Classic" Skin="Windows7" runat="server" ID="RadPanelBar1" Width="100%" Height="100%">
        <Items>
            <telerik:RadPanelItem Text="Custom" Expanded="true">
                <ContentTemplate>
                    <telerik:RadTreeView RenderMode="Classic" Skin="Windows7" ID="radTreeView" runat="server">
                        <Nodes>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                        </Nodes>
                    </telerik:RadTreeView>
                </ContentTemplate>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
</div>
<div>
        OK:
    <telerik:RadTreeView ID="radTreeView2" RenderMode="Classic" Skin="Windows7" runat="server">
        <Nodes>
            <telerik:RadTreeNode Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode  Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode  Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
        </Nodes>
    </telerik:RadTreeView>
</div>


Unplanned
Last Updated: 04 May 2020 09:28 by ADMIN

Reproduction:
Subscribe to Node Click event and set EnableDragAndDrop=true.

Temporary Workaround: Placing the following script below the ScriptManager:

 

var $ = $telerik.$,
$T = Telerik.Web.UI,
$J = Sys.Serialization.JavaScriptSerializer,
CLICK = $telerik.isTouchDevice ? "touchend" : "click",
MOUSEDOWN = $telerik.isTouchDevice ? "touchstart" : "mousedown",
MOUSEMOVE = $telerik.isTouchDevice ? "touchmove" : "mousemove",
MOUSEUP = $telerik.isTouchDevice ? "touchend" : "mouseup",
DOMActivate = "DOMActivate",
treeviewRegEx;

Telerik.Web.UI.RadTreeView.prototype._click = function (e) {
    if (this._eventMap.skipElement(e, "rtIn"))
        return;
    if (this._preventClick) {
        // Dragging and dropping over the same node produces unwanted click
        this._preventClick = false;
        return;
    }

    var node = this._extractNodeFromDomElement(e.eventMapTarget);
    if ($telerik.isTouchDevice) {
        if (!this._treeTouchScroll._dragCanceled) {
            clearTimeout(this.longTouchID);
            this.longTouchID = 0;
        }
        /*if (this._scrolledInMobileDevice) {
                           
            this._scrolledInMobileDevice = false;
            return;
        }
        else */ if (this._dragging) {
            return;
        }
    }


    if (this._raiseCancelEvent("nodeClicking", node, e)) {
        e.preventDefault();
        return;
    }
                    
    if (!node.get_isEnabled()) {
        this._raiseEvent("nodeClicked", node, e);
        e.preventDefault();
        return;
    }

    var ctrlKey = e.ctrlKey || e.rawEvent && e.rawEvent.metaKey;

    this._hideContextMenus();

    if (this.get_multipleSelect() && (ctrlKey || e.shiftKey || $telerik.isTouchDevice)) {
        if ($telerik.isTouchDevice) {
            if (node && node.get_isEnabled() && !this._touchDragEnd) {
                node.set_selected(!node.get_selected());
            }
            this._touchDragEnd = false;
        }

        if (ctrlKey) {
            node.set_selected(!node.get_selected());
        }
        else if (e.shiftKey) {
            this._handleShiftSelection(node);
        }

        this._raiseEvent("nodeClicked", node, e);
        return;
    }
    else {
        if (this.get_allowNodeEditing() && node.get_selected() && node.get_allowEdit()) {
            this._clearSelectedNodes();
            node.set_selected(true);
            this._startEdit(node, e);
            e.preventDefault();
            e.stopPropagation();
        }
        else {
            this._clearSelectedNodes();
            node.set_selected(true);
        }
    }

    this._raiseEvent("nodeClicked", node, e);

    this._postClickCommand(node);
}
function fixGridSchedulerComboBoxDropDownList() {
    // https://www.telerik.com/support/kb/aspnet-ajax/details/cannot-scroll-telerik-control-in-ios-11.3---the-page-scrolls-instead
    var fixed = $telerik.$(".RadTreeView.RadTouchExtender");
    fixed.on('touchmove', function (e) {
        e.preventDefault();
    });
}
Sys.Application.add_load(fixGridSchedulerComboBoxDropDownList);

 

Unplanned
Last Updated: 15 Sep 2022 12:10 by ADMIN

I have enabled aria settings for the treeview control, but when I am trying to navigate via key board it announces some thing like  {level} {selected value/text} {checked/not checked} or {selected value/text} {checked/not checked} {level},

I don't want {checked/not checked}, to be announced.

Unplanned
Last Updated: 26 Apr 2023 09:53 by Isha
Created by: Isha
Comments: 0
Category: TreeView
Type: Feature Request
1
Currently, the TreeView is expecting touch events (touchstart, touchmove, touchend) to be triggered by touch devices,  while the Magic keyboard sends mouse events.
Completed
Last Updated: 22 Aug 2013 11:10 by 一峰
Created by: 一峰
Comments: 0
Category: TreeView
Type: Bug Report
0
Telerik.Web.UI_2012_3_1205  treeview  display error, see the attachfile  in ie6 or ie7
but in Telerik.Web.UI_2012_3_1016    treeview display correct.
Completed
Last Updated: 15 Aug 2013 14:38 by Elena
Created by: Bryan
Comments: 1
Category: TreeView
Type: Bug Report
0
The demo page at http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultvb.aspx is not working properly - the  Server side: Post Back On Check  sample is not working
Completed
Last Updated: 11 Nov 2014 11:46 by ADMIN
Declined
Last Updated: 10 Mar 2014 09:15 by ADMIN
Completed
Last Updated: 09 Jun 2021 15:56 by ADMIN
On IPAD, for treeview rootnode when expanded. It calls the client side event, fetches the records from the service and do the databinding as exected. But after completing all the binding ClientNodeCollapsing event is fired which causes the node to collapse.


Same control works fine on desktop.
Completed
Last Updated: 11 Nov 2014 11:56 by aaron
ADMIN
Created by: Hristo Valyavicharski
Comments: 1
Category: TreeView
Type: Bug Report
0

			
Unplanned
Last Updated: 05 Jun 2017 15:59 by ADMIN
Completed
Last Updated: 07 Feb 2022 14:24 by ADMIN
ADMIN
Created by: Hristo Valyavicharski
Comments: 1
Category: TreeView
Type: Bug Report
0

			
Completed
Last Updated: 20 Jun 2017 14:51 by ADMIN
Declined
Last Updated: 31 Jul 2015 07:12 by ADMIN
Created by: أشرف
Comments: 1
Category: TreeView
Type: Bug Report
0
Keyboard navigation for the RadTreeView control should neglect  invisible nodes when deciding which node to select based on user navigation.

To know what I mean, please try the following:
- Navigate to the example at
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/keyboard/defaultcs.aspx

- In the console of the developer tools of your browser, type the following:
$telerik.findTreeView("ctl00_ContentPlaceholder1_RadTreeView1").get_nodes().getNode(0).get_nodes().getNode(0).set_visible(false)

This will hide the "Calendar" tree node.

- Using your mouse, click on the "Mailbox - John Smith" root node.

- Press the ↓ key once. Notice how the selection disappears, while it should have gone to the "Contacts" node.

- Type the following in the console:
$telerik.findTreeView("ctl00_ContentPlaceholder1_RadTreeView1").get_selectedNode().get_visible()

The console prints "false" which means that the currently selected node is invisible, which is a wrong behaviour.

- Press ↓ once again, and the "Contacts" node will be selected.


This problem annoys me because I have a situation where I hide tree nodes based on what the user types in a filter text box. After the user filters the tree and tries to navigate using the keyboard, the procedure becomes weird.
Won't Fix
Last Updated: 02 Jul 2015 12:54 by ADMIN
Completed
Last Updated: 19 Jan 2016 11:04 by ADMIN