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

How to restrict uncheck option from radlistbox

3 Answers 236 Views

ListBox

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

3 Answers, 1 is accepted

answered on 22 Feb 2012, 05:36 PM

Suresh:

Have you tried attaching a JavaScript function to the RadListBox's OnClientItemChecking event?

Since the checked state returned by the item's get_checked() function is not yet changed to reflect the new value, you can cancel the attempt to toggle it.

Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

function OnClientItemCheckingHandler(sender, eventArgs) {

var item = eventArgs.get_item();

var message = "You are not allowed to ";

message += item.get_checked() ? "uncheck" : "check";

message += " the item " + item.get_text();

alert(message);

eventArgs.set_cancel(true);

}

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<div class="title">

Checkboxes only:</div>

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">

<div class="list-panel">

<telerik:RadListBox ID="RadListBox1" runat="server" CheckBoxes="true" Width="200px"

Height="300px" OnClientItemChecking="OnClientItemCheckingHandler">

<items>

<telerik:RadListBoxItem Text="Arts" />

<telerik:RadListBoxItem Text="Biographies" Checked="true" />

<telerik:RadListBoxItem Text="Children's Books" />

<telerik:RadListBoxItem Text="Computers � Internet"/>

<telerik:RadListBoxItem Text="Cooking" Checked="true" />

<telerik:RadListBoxItem Text="History" />

<telerik:RadListBoxItem Text="Fiction" />

<telerik:RadListBoxItem Text="Mystery" Checked="true" />

<telerik:RadListBoxItem Text="Nonfiction" />

<telerik:RadListBoxItem Text="Romance" />

<telerik:RadListBoxItem Text="Science Fiction " />

<telerik:RadListBoxItem Text="Travel" />

</items>

</telerik:RadListBox>

<asp:Button ID="Button1" runat="server" Text="Get Checked Items!" CssClass="qsfButtonBigger"

OnClick="Button1_Click" />

<div class="module">

<strong>Checked Items:</strong>

<br />

<asp:Label ID="itemsClientSide" runat="server" BorderStyle="None" CssClass="text" />

</div>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

Hope this helps!