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>
.
.
.