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

Calling javascript of Checkbox which is in RadGrid

1 Answer 193 Views

Grid

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

Anwar asked on 10 Jan 2012, 12:14 PM

Capture1.PNG

Capture2.PNG

Capture3.PNG

Hi friends,
in our application we are using RadGrid and RadToolBar
radToolBar having buttons like Create,Edit,Delete,Preview
here preview button is for display the selected record 's details in other page using Window.Open();

when i select a single record in radGrid,we are going to enable Edit,Delete,Preview buttons in Radtoolbar.Otherwise these buttons will be disable mode.

i am going to select a record by checking a check box in radGrid and will click on Preview button.Now the data will be displayed in Other widow(here i am using Window.Open() to daisplay record)
when i close the popup window which has displayed using Window.Open(), all the buttons in Radtollbar goes to disable mode...
For enable and disable buttons in Toolbar i am using a javascript function like selectAll().
This function will be exeuted when i select a record in RadGrid.

Now how can i call this function on closing popup window

observe the attachments for more clarification...

1 Answer, 1 is accepted

answered on 10 Jan 2012, 07:07 PM

DisableToolbarButtons-1.png

DisableToolbarButtons-2.png

DisableToolbarButtons-3.png

Anwar:

You can simplify the disabling of your toolbar items by using a RadWindow in place of your current window popup. I have created a simple demo that disables the "Edit", "Delete" and "Preview" buttons on a RadToolBar on the close event of both a RadAlert modal popup window (clicking "OK" to close) and a RadWindow (clicking the x to close 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">

//Put your JavaScript code here.

</script>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadToolBar runat="server" ID="RadToolBar1" EnableRoundedCorners="true" EnableShadows="true">

<items>

<telerik:RadToolBarButton Text="Create" CheckOnClick="true" Checked="true" Group="Align">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Edit" CheckOnClick="true" Group="Align">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Delete" CheckOnClick="true" Group="Align">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="Preview" CheckOnClick="true" Group="Align">

</telerik:RadToolBarButton>

</items>

</telerik:RadToolBar>

<table style="width: 100%;">

<tr>

<td id="DecoratedControlsContainer">

<script type="text/javascript">

//<![CDATA[

function openRadWin() {

radopen("http://www.telerik.com", "RadWindow1");

}

function disableToolbarItems() {

var toolBar = $find("<%= RadToolBar1.ClientID %>");

var editItem = toolBar.findItemByText("Edit");

var deleteItem = toolBar.findItemByText("Delete");

var previewItem = toolBar.findItemByText("Preview");

toolBar.trackChanges();

editItem.set_enabled(false);

deleteItem.set_enabled(false);

previewItem.set_enabled(false);

toolBar.commitChanges();

return false;

}

//]]>

</script>

<button style="width: 150px; margin-bottom: 3px;" onclick=

"radalert('Closing window will disable Edit, Delete & Preview Toolbar buttons', 330, 100,'Modal RadAlert', disableToolbarItems); return false;"

>

open RadAlert Window</button><br style="clear: both" />

<br style="clear: both" />

</td>

<td style="width: 50px;">

</td>

<td style="vertical-align: top; border-left: 1px solid #cccccc; padding-left: 40px;">

<button style="width: 170px; margin-bottom: 3px;" onclick="openRadWin(); return false;">

open RadWindow</button><br style="clear: both" />

<br style="clear: both" />

</td>

</tr>

</table>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<windows>

<telerik:RadWindow

id="RadWindow1"

runat="server"

showcontentduringload="false"

width="400px"

height="400px"

title="Telerik RadWindow"

behaviors="Default" OnClientClose="disableToolbarItems">

</telerik:RadWindow>

</windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

See attached demo step images.
Hope this helps!