http://screencast.com/t/CySy2iAoiG4n
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.
<
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
>
The ClientNodeClicking and server-side NodeClick events are triggered when tap-to-scroll the Treeview in Android (taphold event). Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/treeview/examples/overview/defaultcs.aspx in mobile Chrome of Android device (or in Chrome emulator) 2. Tap over a node to Scroll the Treeview Result - the tapped node gets selected Expected - the Treeview detect the tap from holdtap events and the node is not selected when scrolling occurs
The TreeView wrapper is not expanded depending on its nodes width when used in LightWeight render mode. As a result of that the horizontall scrollers of the control's parent element are never shown thus the nodes of the control appear truncated. The problem can be reproduced with the following configuration: ASPX: <div style="width: 100px; height: 400px; border: 1px solid black; overflow: auto;"> <telerik:RadTreeView ID="RadTreeView" runat="server" RenderMode="Lightweight"> </telerik:RadTreeView> </div> C#: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string[] cars = new string[] { "Porsche Carrera", "Ferrari F430", "Aston Martin DB9 and some more words foe a long node" }; RadTreeView.DataSource = cars; RadTreeView.DataBind(); } }