Hello,
I am trying to add new sub node in treeview node from client-side and set that newly added node in edit mode, case is that the node is collapsed in which I want to add new node. For that I am 1st expand that collapsed node from client side and add new node in that expanded node from client side and set node in edit mode.
The issue i am facing is that other than IE browser all is working correctly, but in IE as it goes in edit mode, it does not remains in edit mode and it automatically leaves the edit mode. (tried in IE8, IE9).
Please can you guide me where I am going wrong?
The client side code I am using is as follows:
function "
I am trying to add new sub node in treeview node from client-side and set that newly added node in edit mode, case is that the node is collapsed in which I want to add new node. For that I am 1st expand that collapsed node from client side and add new node in that expanded node from client side and set node in edit mode.
The issue i am facing is that other than IE browser all is working correctly, but in IE as it goes in edit mode, it does not remains in edit mode and it automatically leaves the edit mode. (tried in IE8, IE9).
Please can you guide me where I am going wrong?
The client side code I am using is as follows:
<
asp:UpdatePanel
ID
=
"searchResultsUpdatePanel"
runat
=
"server"
ChildrenAsTriggers
=
"true"
RenderMode
=
"Block"
UpdateMode
=
"Conditional"
>
<
ContentTemplate
>
<
div
>
<
cc1:PRadTreeView
ID
=
"RadTreeView1"
class
=
"classCategoryTreeView"
runat
=
"server"
OnNodeExpand
=
"RadTreeView1_NodeExpand"
EnableDragAndDrop
=
"True"
OnNodeDrop
=
"RadTreeView1_HandleDrop"
EnableDragAndDropBetweenNodes
=
"true"
OnNodeEdit
=
"RadTreeView1_NodeEdit"
CheckBoxes
=
"True"
OnClientNodeEditStart
=
"OnClientNodeEditStartHandler"
OnContextMenuItemClick
=
"RadTreeView1_ContextMenuItemClick"
OnClientContextMenuItemClicking
=
"onClientContextMenuItemClicking"
OnClientContextMenuShowing
=
"onClientContextMenuShowing"
OnClientNodeClicked
=
"ClientNodeClicked"
OnClientNodeEditing
=
"ClientNodeEditing"
>
<
ContextMenus
>
<
cc1:PRadTreeViewContextMenu
ID
=
"MainContextMenu"
runat
=
"server"
>
<
Items
>
<
cc1:PRadMenuItem
Value
=
"New"
Text
=
"New"
>
</
cc1:PRadMenuItem
>
<
cc1:PRadMenuItem
Value
=
"Rename"
Text
=
"Rename"
Enabled
=
"false"
PostBack
=
"false"
>
</
cc1:PRadMenuItem
>
<
cc1:PRadMenuItem
Value
=
"Delete"
Text
=
"Delete"
>
</
cc1:PRadMenuItem
>
</
Items
>
<
CollapseAnimation
Type
=
"none"
/>
</
cc1:PRadTreeViewContextMenu
>
</
ContextMenus
>
</
cc1:PRadTreeView
>
</
div
>
</
ContentTemplate
>
</
asp:UpdatePanel
>
<
asp:UpdateProgress
ID
=
"tagsUpdatePanelProgressControl"
runat
=
"server"
>
<
ProgressTemplate
>
</
ProgressTemplate
>
</
asp:UpdateProgress
>
function
onClientContextMenuItemClicking(sender, args) {
try
{
var
menuItem = args.get_menuItem();
var
treeNode = args.get_node();
menuItem.get_menu().hide();
var
currTagID = treeNode.get_value();
switch
(menuItem.get_value()) {
case
"Rename"
:
break
;
case
"New"
:
args.set_cancel(
true
);
AddTempNode(
false
);
break
;
case
"Delete"
:
break
;
}
}
catch
(e) {
alert(e.ToString());
}
}
function "
AddTempNode
" is called from onClientContextMenuItemClicking,function
AddTempNode(addToRoot) {
var
projectID = document.getElementById(
'<%= hidProjectID.ClientID %>'
).value;
var
treeView = $find(
"<%= RadTreeView1.ClientID %>"
);
var
parentTagID = 0;
var
node =
null
;
if
(addToRoot) {
treeView.unselectAllNodes();
}
var
nodes = treeView.get_selectedNodes();
if
(nodes.length == 0) {
parentTagID = 0;
}
else
{
for
(
var
i = 0; i < nodes.length; i++) {
node = nodes[i];
}
parentTagID = node.get_value();
}
treeView.trackChanges();
if
(node !=
null
) {
node.expand();
}
treeView.commitChanges();
var
newTagID = 0;
var
newNode = CreateNewNode(projectID, newTagID,
' '
, parentTagID);
if
(addToRoot) {
newNode.set_cssClass(
"categoryControl_Root_Node"
);
}
AddNewlyCreatedNode(newNode, treeView);
newNode.startEdit();
return
false
;
}
function
AddNewlyCreatedNode(node, treeView) {
treeView.trackChanges();
var
nodes = treeView.get_selectedNodes();
if
(nodes.length == 0) {
treeView.get_nodes().add(node);
}
else
{
treeView.get_selectedNodes()[0].get_nodes().add(node);
}
treeView.commitChanges();
}