This is a migrated thread and some comments may be shown as answers.

Can't hide separator in client code when LightWeight

1 Answer 50 Views

This is a migrated thread and some comments may be shown as answers.

Andreas asked on 27 Nov 2013, 10:37 AM

Hi,

When using LightWeight render mode, you get a javascript error when trying to hide a menu item from javascript code:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="menu.aspx.vb" Inherits="TestaTredjepartWeb.menu" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<div>

<table>

<tr>

<td>

<telerik:RadMenu ID="menu" runat="server" RenderMode="Lightweight">

<Items>

<telerik:RadMenuItem Text="Test1" Value="item1"></telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="true" Value="separator"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Test2" Value="item2"></telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</td>

</tr>

<tr>

<td>

<input type="button" onclick="var menu = $find('menu'); menu.findItemByValue('item2').hide(); menu.findItemByValue('separator').hide();" value="Click to hide" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

In the example above, the Test2-item gets hidden but a javascript error occurs when hiding the separator!
Works fine when not using LightWeight...

Regards
Andreas

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Can't hide separator in client code when LightWeight

1 Answer, 1 is accepted