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" ... >
<
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
>
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);
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.
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.
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
How we can save the listbox items to radtree view in ajax.(when we drag it on drop on radtreeview ) and i will save that value on database in sequence mode.this is my problem
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.
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.