I have a rad menu declared like this :
Now I actually want to copy some of the items to "SpotLight" item, I do not want to move them which is what happening now, I actually want to copy them over :
Here is what I am trying :
<
telerik:RadMenu
runat
=
"server"
ID
=
"RadMenu1"
>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Root RadMenuItem1"
>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Child RadMenuItem 1"
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Child RadMenuItem 2"
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Child RadMenuItem 3"
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Child RadMenuItem 4"
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Child RadMenuItem 5"
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"SpotLight"
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
Now I actually want to copy some of the items to "SpotLight" item, I do not want to move them which is what happening now, I actually want to copy them over :
Here is what I am trying :
.
.
.
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"SpotLight"
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
<
telerik:RadScriptBlock
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
$(function () {
var
rootMenu = $find('<%=RadMenu1.ClientID %>'),
menuItems = rootMenu.get_allItems();
var myItems = [];
myItems.push(menuItems[1]);
myItems.push(menuItems[3]);
myItems.push(menuItems[4]);
var targetItem = rootMenu.findItemByText("SpotLight");
for (var i = 0; i <
myItems.length; i++) {
targetItem.get_items().add(myItems[i]);
}
//debugger;
});
</script>
</
telerik:RadScriptBlock
>
</
div
>
</
form
>
.
.
.