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

Hide Button In Command Item Template On Initial Load

6 Answers 721 Views

Grid

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

Tracy asked on 07 May 2012, 12:36 AM

HI,

I have a command item template that has several buttons on it. The visibility of the buttons depends on another button in the command item template being clicked. I have a javascript function that works perfectly to set the visibility of the buttons based on which button is clicked. I am using the set_visible property in the javascript to show/hide the button.

My problem is that 2 of the buttons in the command item template should not be visible when the page is first opened. But if I initially set the visible property of these buttons to false then when my javascript function runs, I get an error that the object is null for these buttons.

I tried using a cssClass using display:none !important and this initially hides the buttons but I can't change this property in my javascript function since the radbutton doesn't use the style property.

Any ideas how I can get these buttons to be hidden when the page first loads.

Thank you for you help.

Tracy

<CommandItemTemplate>

<asp:Table ID="tblCommandTemplate" runat="server" Width="1220px" CellSpacing="0" CellPadding="0">

<asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;" >

<asp:TableCell ID="tcell1" runat="server">

<telerik:RadButton ID="rbtAdd" runat="server" CommandName="InitInsert" Skin="Transparent" Text="Add"

Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>"    style="position:absolute;left:10px;font-size:10px;"  ToolTip="Add New Record"     Visible='<%# rgvMainGrid.EditIndexes.Count=0 or Not rgvMainGrid.MasterTableView.IsItemInserted %>'   />

<telerik:RadButton ID="rbtEdit" runat="server" CommandName="EditSelected" Skin="Transparent" Text="Edit"

Icon-PrimaryIconURL="<%$ Resources:Images,EditRecord16%>"   style="position:absolute;left:70px;font-size:12px;"  ToolTip="Edit Record"        Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' />

<telerik:RadButton ID="rbtDelete" runat="server" CommandName="DeleteSelected" Skin="Transparent" Text="Delete"

Icon-PrimaryIconURL="<%$ Resources:Images,DeleteRecord16%>" style="position:absolute;left:129px;font-size:12px;" ToolTip="Delete Record"      Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' OnClientClicking="DeleteOnClientClicking" />

<telerik:RadButton ID="rbtCancel" runat="server" CommandName="CancelAll" Skin="Transparent" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;"  ToolTip="Cancel Add/Edit"    Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>'    />

<telerik:RadButton ID="rbtSaveNew" runat="server" CommandName="PerformInsert" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save New Record"    Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>'                                           />

<telerik:RadButton ID="rbtSave" runat="server" CommandName="UpdateEdited" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/>

<telerik:RadButton ID="rcbClearGrouping" runat="server" CommandName="ClearGrouping" Skin="Transparent" Text="Clear Grouping"

Icon-PrimaryIconURL="<%$ Resources:Images,Grouping16%>"     style="position:absolute;left:840px;font-size:12px;"    ToolTip="Clear Grouping"/>

<telerik:RadButton ID="rbtFilterFields" runat="server" ButtonType="StandardButton" ToggleType="CustomToggle" OnClientToggleStateChanged="ShowHideFilterFields" AutoPostBack="false" ToolTip="Show/Hide Filter Fields" Skin="Transparent" CssClass="css_GRD02_Filter_Button" Width="20px">

<ToggleStates>

<telerik:RadButtonToggleState Text=" Hide Filters" PrimaryIconUrl ="<%$ Resources:Images,FilterRecord16%>" />

<telerik:RadButtonToggleState Text=" Show Filters" PrimaryIconUrl="<%$ Resources:Images,FilterRecord16%>" />

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton ID="rcbRefresh" runat="server" CommandName="RebindGrid" Skin="Transparent" Text="Refresh"

Icon-PrimaryIconURL="<%$ Resources:Images, ReloadBlue16 %>" style="position:absolute;left:1052px;font-size:12px;"   ToolTip="Refresh Grid"/>

<telerik:RadButton ID="rcbExportToExcel" runat="server" CommandName="ExportToExcel" Skin="Transparent" Text="Export"

Icon-PrimaryIconURL="<%$ Resources:Images,Excel16%>"        style="position:absolute;left:1129px;font-size:12px;"   ToolTip="Export To Excel" />

<telerik:RadButton ID="rbtGridToolbar" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" style="position:absolute;left:1206px;font-size:12px;" width="20px" Height="16px" AutoPostBack="false" Checked="true" ToolTip="Show/Hide Grid Settings" OnClientCheckedChanged ="ShowHideGridSettings">

<ToggleStates>

<telerik:RadButtonToggleState ImageUrl="../../App_Themes/Images/Arrows/Expand Down 16.ico" Selected="true" />

<telerik:RadButtonToggleState ImageUrl="../../App_Themes/Images/Arrows/Expand Up 16.ico" />

</ToggleStates>

</telerik:RadButton>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trowCommandTemplate2" Height="32px" runat="server" >

<asp:TableCell>

<asp:Label ID="lblSelectTemplate" runat="server" CssClass="css_GRD02_SelectTemplate_Label" Text="Select Template:" />

<telerik:RadComboBox ID="rcbGridTemplate" runat="server" CssClass="css_GRD02_SelectTemplate_RadCombo" DropDownWidth="200px" Width="200px" EnableLoadOnDemand="true" HighlightTemplatedItems="true" AutoPostBack="false" AllowCustomText="false" OnClientSelectedIndexChanged="GridTemplateOnSelectedIndexChanged" OnItemsRequested="rcbGridTemplate_OnItemsRequested" OnItemCreated=" rcbGridTemplate_ItemCreated" EnableViewState="true"/>

<asp:Label ID="lblTemplateType" runat="server" CssClass="css_GRD02_TemplateType_Label" Text="Type:" />

<telerik:RadComboBox ID="rcbTemplateType" runat="server" CssClass="css_GRD02_TemplateType_RadCombo" DropDownWidth="80px" Width="80px" EnableLoadOnDemand="true" HighlightTemplatedItems="true" AutoPostBack="false" AllowCustomText="false" OnItemsRequested="rcbTemplateType_OnItemsRequested" Enabled="false" EnableViewState="true" OnItemCreated="rcbTemplateType_ItemCreated" />

<telerik:RadButton ID="rbtApplySettings" runat="server" CommandName="ApplySettings" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Apply Settings"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsApply16%>"   ToolTip="Apply Selected Template Settings To Grid"/>

<telerik:RadButton ID="rbtSaveTemplate" runat="server" CommandName="SaveTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Save Template"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save Current Grid Settings To Selected Template"/>

<telerik:RadButton ID="rbtAddTemplate" runat="server" CommandName="AddNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Save To A New Template"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsAdd16%>"     ToolTip="Save Current Grid Settings To A New Template"     AutoPostBack="false"   OnClientClicked="ShowHideCommandTemplate"/>

<telerik:RadButton ID="rbtDeleteTemplate" runat="server" CommandName="DeleteTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Delete Template" Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsDelete16%>" ToolTip="Delete Selected Template"/>

<telerik:RadButton ID="rbtSetDefault" runat="server" CommandName="SetDefault" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Set As Default" Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsDefault16%>" ToolTip="Save Selected Template As Default"/>

<telerik:RadButton ID="rbtSettingDetail" runat="server" CommandName="GridSettingsDetail" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Template Settings"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettings16%>"        Tooltip="Show Template Settings"/>

<asp:Label ID="lblTemplateName" runat="server" CssClass="css_GRD02_TemplateName_Label" Text="Name:" />

<asp:TextBox ID="txtTemplateName" runat="server" CssClass="css_GRD02_TemplateName_TextBox" Text="Enter A New Template Name" />

<telerik:RadButton ID="rbtSaveNewTemplate" runat="server" CommandName="SaveNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button_Hide" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save New Template"                                OnClientClicking="SaveNewTemplate"         />

<telerik:RadButton ID="rbtCancelNewTemplate" runat="server" CommandName="CancelNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button_Hide" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsCancel16%>"  ToolTip="Cance New Template"    AutoPostBack="false"       OnClientClicked="ShowHideCommandTemplate"  />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</CommandItemTemplate>

Javascript that shows/hides the buttons.

/*Function Is Used To Show/Hide Grid Template Items In The Command Item Template Based On Whether A Current

Template Is Being Displayed Or Add New Template Has Been Selected.

*/

function ShowHideCommandTemplateExternal(sender, args, radGrid) {

var rcbTemplate = $telerik.findControl(radGrid, 'rcbGridTemplate');

var rbtApply = $telerik.findControl(radGrid, 'rbtApplySettings');

var rbtSave = $telerik.findControl(radGrid, 'rbtSaveTemplate');

var rbtDelete = $telerik.findControl(radGrid, 'rbtDeleteTemplate');

var rbtAdd = $telerik.findControl(radGrid, 'rbtAddTemplate');

var rbtDefault = $telerik.findControl(radGrid, 'rbtSetDefault');

var rbtSettings = $telerik.findControl(radGrid, 'rbtSettingDetail');

var rbtCancel = $telerik.findControl(radGrid, 'rbtCancelNewTemplate');

var rbtSaveNew = $telerik.findControl(radGrid, 'rbtSaveNewTemplate');

var rcbType = $telerik.findControl(radGrid, 'rcbTemplateType');

/* Get The Hidden Fields That Hold The Client Id's Of The Controls In The Command Item Template

That Are Not Telerik Controls */

var hdfSelect = document.getElementById('wccGridSettings_hdfSelectTemplate');

var lblSelect = document.getElementById(hdfSelect.value);

var hdfTemplateName = document.getElementById('wccGridSettings_hdfTemplateName');

var txtTemplateName = document.getElementById(hdfTemplateName.value);

var hdfNameLabel = document.getElementById('wccGridSettings_hdfTemplateNameLabel');

var lblTemplateName = document.getElementById(hdfNameLabel.value);

var blnDisplay;

var displayAdd;

var displayCurrent;

var cmdName = sender.get_commandName();

if (cmdName == 'AddNewTemplate') {

blnDisplayAdd = true;

blnDisplayCurrent = false;

displayAdd = 'block';

displayCurrent = 'none';

rcbType.trackChanges();

rcbType.enable();

rcbType.updateClientState();

rcbType.commitChanges();

}

else {

blnDisplayAdd = false;

blnDisplayCurrent = true;

displayAdd = 'none';

displayCurrent = 'block';

/* Disable The Template Type When Add New Template Option Has Been Cancelled Or The New Template Has Been Saved */

rcbType.trackChanges();

rcbType.disable();

rcbType.updateClientState();

rcbType.commitChanges();

}

lblSelect.style.display = displayCurrent;

rcbTemplate.set_visible(blnDisplayCurrent);

rbtApply.set_visible(blnDisplayCurrent);

rbtSave.set_visible(blnDisplayCurrent);

rbtDelete.set_visible(blnDisplayCurrent);

rbtAdd.set_visible(blnDisplayCurrent);

rbtDefault.set_visible(blnDisplayCurrent);

lblTemplateName.style.display = displayAdd;

txtTemplateName.style.display = displayAdd;

rbtSettings.set_visible(blnDisplayCurrent);

rbtSaveNew.set_visible(blnDisplayAdd);

rbtCancel.set_visible(blnDisplayAdd);

}

6 Answers, 1 is accepted

Accepted

answered on 07 May 2012, 06:45 AM

Hi Tracy,

Note that a RadButton control will not be rendered on the page if its property Visible is set to false. As a result you will not be able to display it on the client-side. In case you want to switch the RadButton's visibility via JavaScript you should use client script to hide it when the page is initially loaded, which will ensure that it is rendered on the page and can be referenced. You can do so by setting the button control's visibility on page load via the client-side method set_visible.

Javascript:

function pageLoad() {

var radButton1 = $find("rbtAdd");

radButton1.set_visible(false);

}

Thanks,
Shinu.

answered on 15 May 2012, 09:46 PM

Hi Shinu,

I am having trouble getting the buttons inside a CommandItemTemplate to be hidden when the grid first loads.

It seems no matter where I put my javascript function it always returns a null value. I tried your suggestion of putting it on the page load event but that didn't work because the grid isn't created yet.

I put the following in my page pre-render event, because by then the grid should be created.

Dim strScript As String = "HideButtonsExternal1();"

ScriptManager.RegisterStartupScript(

Me, Me.[GetType](), "HideButtons", strScript, True)

And my javascript is ...
function HideButtonsExternal1() {
            var radGrid = $get('rgvMainGrid');
            var rbtCancel = $telerik.findControl(radGrid, 'rbtCancelNewTemplate');
            var rbtSaveNew = $telerik.findControl(radGrid, 'rbtSaveNewTemplate');
                rbtSaveNew.set_visible(false);
                rbtCancel.set_visible(false);
        }

But when my page loads it breaks on rbtSaveNew.set_visible(false); with the following error.
Microsoft JScript runtime error: 'null' is null or not an object

I tried using var radGrid = $find("<%=rgvMainGrid.ClientId %>") but it still returns a null object.
I know the buttons I am trying to find exist because I use them in other javascript functions and they work fine.

Where should I put this function so that the buttons are hidden or is there something wrong with my function?

Thank you for your help.

Tracy

answered on 16 May 2012, 01:38 PM

Hi Shinu,

Thank you for your response, but my buttons still are not being hidden. I think my problem may be that my grid is inside a Rad Ajax Panel. Below is my complete code for the page. Can you take a look and see what I am doing wrong?

Thank You
Tracy

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WBF SYS Email Addresses.aspx.vb" Inherits="IPS_Gateway.WBF_SYS_Email_Addresses" %>

<!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 id="Head1" runat="server">

<title></title>

</head>

<script src="../../Scripts/GridScroll.js" type="text/javascript"></script>

<script src="../../Scripts/GridFunctions.js" type="text/javascript"></script>

<script src="../../Scripts/GridTemplateToolbar.js" type="text/javascript"></script>

<script type="text/javascript" >

function pageload() {

var radGrid = $find("<%=rgvMainGrid.ClientID %>");

var rbtCancel = $telerik.findControl(radGrid.get_element(), 'rbtCancelNewTemplate');

var rbtSaveNew = $telerik.findControl(radGrid.get_element(), 'rbtSaveNewTemplate');

rbtSaveNew.set_visible(false);

rbtCancel.set_visible(false);

}

/*2 functions needed because $find("<%=rgvMainGrid.ClientID %>")/$get('rgvMainGrid') will not return the client id when in an exeternal js file */

function ShowHideFilterFields(sender, args) { ShowHideFilterFieldsExternal(sender, args, $find("<%=rgvMainGrid.ClientID %>")); }

function ShowHideCommandTemplate(sender, args) {ShowHideCommandTemplateExternal(sender, args, $get('rgvMainGrid')); }

function GridTemplateOnSelectedIndexChanged(sender, args) { GridTemplateOnSelectedIndexChangedExternal(sender, args, $get('rgvMainGrid')); }

function DeleteOnClientClicking(sender, args) { DeleteOnClientClickingExternal(sender, args, $find("<%=rgvMainGrid.ClientID %>")); }

</script>

<body>

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

<act:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"/>

<telerik:RadWindowManager ID="rwmManager" runat="server"></telerik:RadWindowManager>

<telerik:RadAjaxManager ID="ajaxManager" runat="server" DefaultLoadingPanelID="loading">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgvMainGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgvMainGrid" LoadingPanelID="loading" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="loading" runat="server" Skin="" Transparency="30" >

<div >

<asp:Image ID="imgLoading" runat="server" ImageUrl="<%$ Resources:Images,Loading6%>" AlternateText="loading" />

</div>

</telerik:RadAjaxLoadingPanel>

<asp:SqlDataSource ID="SQLDS_EmailAddresses" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[System].[DSP_EmailAddresses-Sel-Ins-Upd-Del]" />

<asp:SqlDataSource ID="SQLDS_EmailAddress" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[System].[DSP_EmailAddresses-Sel-Ins-Upd-Del]" />

<asp:SqlDataSource ID="SQLDS_EmailGroup" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[System].[DSP_EmailGroups-Sel-Ins-Upd-Del]" />

<asp:SqlDataSource ID="SQLDS_EmailName" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[System].[DSP_EmailAddresses-Sel-Ins-Upd-Del]" />

<asp:SqlDataSource ID="SQLDS_EmailAddressGroups" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[System].[DSP_EmailGroupAddresses-Sel-Ins-Del]"/>

<%--Button Is Used To Update The Update Panel uppWucGridSettings this panel needs to be udpated so the hidden fields in the user control

wccGridSettings will be updated. Button Click Event is called from the js function GridTemplateOnSelectedIndexChanged --%>

<asp:Button ID="btnUpdateTrigger" runat="server" style="display:none;" OnClick="btnUpdateTrigger_Click" />

<asp:panel ID="pnlPage" runat="server" cssClass="css_GPC01_Panel_MainContent">

<asp:UpdatePanel ID="uppwccGridSettings" runat="server" UpdateMode="Conditional">

<ContentTemplate><wcc:GridSettings ID="wccGridSettings" runat="server" /></ContentTemplate>

<Triggers><asp:AsyncPostBackTrigger ControlID="btnUpdateTrigger" EventName="Click" /></Triggers>

</asp:UpdatePanel>

<wuc:PageHeader id="wucPageHeader" runat="server"></wuc:PageHeader>

<asp:Panel ID="pnlPageContent" runat="server" cssClass="css_GPC01_Panel_PageContent" >

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

<telerik:RadGrid ID="rgvMainGrid" runat="server" DataSourceID="SQLDS_EmailAddresses"

EnableEmbeddedSkins="true" Skin="Office2010Silver" CssClass="css_GRD01_Grid_Master" Height="560px" Width="1230px"

EnableViewState="true" AutoGenerateColumns="false" AllowMultiRowSelection="false"

AllowAutomaticDeletes="true" AllowAutomaticInserts="true" AllowAutomaticUpdates="true" EnableLinqExpressions="false"

EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true"

AllowFilteringByColumn="true" AllowSorting="true" AllowPaging="true" PageSize="25">

<ItemStyle Wrap="false" />

<PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced"/>

<ExportSettings IgnorePaging="true" OpenInNewWindow="true" />

<ClientSettings AllowColumnsReorder="true" AllowDragToGroup="false" AllowColumnHide="true" ReorderColumnsOnClient="true" EnablePostBackOnRowClick="false" AllowExpandCollapse="true" EnableRowHoverStyle="true">

<ClientEvents OnGridCreated="GridScroll" />

<Selecting AllowRowSelect="true" />

<Resizing AllowColumnResize="True" AllowRowResize="False" EnableRealTimeResize="True" ResizeGridOnColumnResize="false" ></Resizing>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2" />

</ClientSettings>

<ExportSettings HideStructureColumns="true" ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true" />

<MasterTableView DataSourceID="SQLDS_EmailAddresses" DataKeyNames="EmailAddressId" Name="MasterGrid"

EnableViewState="true" AllowMultiColumnSorting="true"

EditMode="InPlace" CommandItemDisplay="Top" >

<CommandItemTemplate>

<asp:Table ID="tblCommandTemplate" runat="server" Width="1220px" CellSpacing="0" CellPadding="0">

<asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;" >

<asp:TableCell ID="tcell1" runat="server">

<telerik:RadButton ID="rbtAdd" runat="server" CommandName="InitInsert" Skin="Transparent" Text="Add"

Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>"    style="position:absolute;left:10px;font-size:10px;"  ToolTip="Add New Record"     Visible='<%# rgvMainGrid.EditIndexes.Count=0 or Not rgvMainGrid.MasterTableView.IsItemInserted %>'   />

<telerik:RadButton ID="rbtEdit" runat="server" CommandName="EditSelected" Skin="Transparent" Text="Edit"

Icon-PrimaryIconURL="<%$ Resources:Images,EditRecord16%>"   style="position:absolute;left:70px;font-size:12px;"  ToolTip="Edit Record"        Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' />

<telerik:RadButton ID="rbtDelete" runat="server" CommandName="DeleteSelected" Skin="Transparent" Text="Delete"

Icon-PrimaryIconURL="<%$ Resources:Images,DeleteRecord16%>" style="position:absolute;left:129px;font-size:12px;" ToolTip="Delete Record"      Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' OnClientClicking="DeleteOnClientClicking" />

<telerik:RadButton ID="rbtCancel" runat="server" CommandName="CancelAll" Skin="Transparent" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;"  ToolTip="Cancel Add/Edit"    Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>'    />

<telerik:RadButton ID="rbtSaveNew" runat="server" CommandName="PerformInsert" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save New Record"    Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>'                                           />

<telerik:RadButton ID="rbtSave" runat="server" CommandName="UpdateEdited" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/>

<telerik:RadButton ID="rcbClearGrouping" runat="server" CommandName="ClearGrouping" Skin="Transparent" Text="Clear Grouping"

Icon-PrimaryIconURL="<%$ Resources:Images,Grouping16%>"     style="position:absolute;left:840px;font-size:12px;"    ToolTip="Clear Grouping"/>

<ToggleStates>

<telerik:RadButtonToggleState Text=" Hide Filters" PrimaryIconUrl ="<%$ Resources:Images,FilterRecord16%>" />

<telerik:RadButtonToggleState Text=" Show Filters" PrimaryIconUrl="<%$ Resources:Images,FilterRecord16%>" />

</ToggleStates>

</telerik:RadButton>

<telerik:RadButton ID="rcbRefresh" runat="server" CommandName="RebindGrid" Skin="Transparent" Text="Refresh"

Icon-PrimaryIconURL="<%$ Resources:Images, ReloadBlue16 %>" style="position:absolute;left:1052px;font-size:12px;"   ToolTip="Refresh Grid"/>

<telerik:RadButton ID="rcbExportToExcel" runat="server" CommandName="ExportToExcel" Skin="Transparent" Text="Export"

Icon-PrimaryIconURL="<%$ Resources:Images,Excel16%>"        style="position:absolute;left:1129px;font-size:12px;"   ToolTip="Export To Excel" />

<ToggleStates>

<telerik:RadButtonToggleState ImageUrl="../../App_Themes/Images/Arrows/Expand Down 16.ico" Selected="true" />

<telerik:RadButtonToggleState ImageUrl="../../App_Themes/Images/Arrows/Expand Up 16.ico" />

</ToggleStates>

</telerik:RadButton>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="trowCommandTemplate2" Height="32px" runat="server" >

<asp:TableCell>

<asp:Label ID="lblSelectTemplate" runat="server" CssClass="css_GRD02_SelectTemplate_Label" Text="Select Template:" />

<asp:Label ID="lblTemplateType" runat="server" CssClass="css_GRD02_TemplateType_Label" Text="Type:" />

<telerik:RadButton ID="rbtApplySettings" runat="server" CommandName="ApplySettings" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Apply Settings"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsApply16%>"   ToolTip="Apply Selected Template Settings To Grid"/>

<telerik:RadButton ID="rbtSaveTemplate" runat="server" CommandName="SaveTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Save Template"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save Current Grid Settings To Selected Template"/>

<telerik:RadButton ID="rbtAddTemplate" runat="server" CommandName="AddNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Save To A New Template"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsAdd16%>"     ToolTip="Save Current Grid Settings To A New Template"     AutoPostBack="false"   OnClientClicked="ShowHideCommandTemplate"/>

<telerik:RadButton ID="rbtSettingDetail" runat="server" CommandName="GridSettingsDetail" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Template Settings"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettings16%>"        Tooltip="Show Template Settings"/>

<asp:Label ID="lblTemplateName" runat="server" CssClass="css_GRD02_TemplateName_Label" Text="Name:" />

<asp:TextBox ID="txtTemplateName" runat="server" CssClass="css_GRD02_TemplateName_TextBox" Text="Enter A New Template Name" />

<telerik:RadButton ID="rbtSaveNewTemplate" runat="server" CommandName="SaveNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save New Template"                                OnClientClicking="SaveNewTemplate"         />

<telerik:RadButton ID="rbtCancelNewTemplate" runat="server" CommandName="CancelNewTemplate" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsCancel16%>"  ToolTip="Cance New Template"    AutoPostBack="false"       OnClientClicked="ShowHideCommandTemplate"  />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="EmailAddressId" UniqueName="EmailAddressId" HeaderText="Id" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="35px" AllowSorting="false" ReadOnly="true" >

<FilterTemplate></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmployeeLogin" UniqueName="EmployeeLogin" HeaderText="Login Id" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="120px" SortExpression="EmployeeLogin" ColumnEditorID="gtcEditor1">

<FilterTemplate> <ucf19:EmployeeLogin ID="rcbFilterEmployeeLogin" runat="server" OnIndexChangedEmployeeLoginHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderEmployeeLoginHandler="GridFilter_UC_PreRender"/> </FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmailName" UniqueName="EmailName" HeaderText="Name" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="200px" SortExpression="EmailName" ColumnEditorID="gtcEditor1" >

<FilterTemplate>

<telerik:RadComboBox runat="server" ID="rcbFilterEmailName" Width="190px" DataSourceID="SQLDS_EmailName"

DataTextField="EmailName" DataValueField="EmailName" MarkFirstMatch="true"

EnableLoadOnDemand="false" OnItemsRequested="MasterFilter_OnItemsRequested"

OnPreRender="GridFilter_PreRender" OnSelectedIndexChanged="GridFilter_OnSelectedIndexChanged"

</telerik:RadComboBox

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmployeeNumber" UniqueName="EmployeeNumber" HeaderText="Employee" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="65px" SortExpression="EmployeeNumber" ReadOnly="true">

<FilterTemplate> <ucf15:EmployeeNumber ID="rcbFilterEmployeeNumber" runat="server" OnIndexChangedEmployeeNumberHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderEmployeeNumberHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmailAddress" UniqueName="EmailAddress" HeaderText="Email Address" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="240px" SortExpression="EmailAddress" ColumnEditorID="gtcEditor1">

<FilterTemplate>

<telerik:RadComboBox runat="server" ID="rcbFilterEmailAddress" Width="230px" DataSourceID="SQLDS_EmailAddress"

DataTextField="EmailAddress" DataValueField="EmailAddress"

EnableLoadOnDemand="true" MarkFirstMatch="true"

OnPreRender="GridFilter_PreRender" OnSelectedIndexChanged="GridFilter_OnSelectedIndexChanged"

</telerik:RadComboBox

</FilterTemplate>

</telerik:GridBoundColumn

<telerik:GridBoundColumn DataField="CompanyCode" UniqueName="CompanyCode" HeaderText="Company" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="65px" SortExpression="CompanyCode" ReadOnly="true">

<FilterTemplate> <ucf1:CompanyCode ID="rcbFilterCompanyCode" Runat="server" OnIndexChangedCompanyCodeHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderCompanyCodeHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CompanyName" UniqueName="CompanyName" HeaderText="Company Name">

<FilterTemplate> <ucf2:CompanyName ID="rcbFilterCompanyName" runat="server" OnIndexChangedCompanyNameHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderCompanyNameHandler="GridFilter_UC_PreRender" /> </FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DivisionCode" UniqueName="DivisionCode" HeaderText="Division">

<FilterTemplate> <ucf3:DivisionCode ID="rcbFilterDivisionCode" runat="server" OnIndexChangedDivisionCodeHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderDivisionCodeHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DivisionName" UniqueName="DivisionName" HeaderText="Division Name">

<FilterTemplate> <ucf4:DivisionName ID="rcbFilterDivisionName" runat="server" OnIndexChangedDivisionNameHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderDivisionNameHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DepartmentCode" UniqueName="DepartmentCode" HeaderText="Department">

<FilterTemplate> <ucf5:DepartmentCode ID="rcbFilterDepartmentCode" runat="server" OnIndexChangedDepartmentCodeHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderDepartmentCodeHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DepartmentName" UniqueName="DepartmentName" HeaderText="Department Name">

<FilterTemplate> <ucf6:DepartmentName ID="rcbFilterDepartmentName" runat="server" OnIndexChangedDepartmentNameHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderDepartmentNameHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmployeeType" UniqueName="EmployeeType" HeaderText="Employee Type" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="100px" SortExpression="EmployeeType" ReadOnly="true">

<FilterTemplate> <ucf22:EmployeeType ID="rcbFilterEmployeeType" runat="server" OnIndexChangedEmployeeTypeHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderEmployeeTypeHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmployeeStatus" UniqueName="EmployeeStatus" HeaderText="Employee Status" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="90px" SortExpression="EmployeeStatus" ReadOnly="true" >

<FilterTemplate> <ucf18:EmployeeSatus ID="rcbFilterEmployeeStatus" runat="server" OnIndexChangedEmployeeStatusHandler="GridFilter_UC_OnSelectedIndexChanged" OnPreRenderEmployeeStatusHandler="GridFilter_UC_PreRender" /></FilterTemplate>

</telerik:GridBoundColumn>

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="EmailGroupId, GroupEmailAddressId" HierarchyLoadMode="ServerOnDemand" Name="DetailGrid"

EditMode="InPlace" Caption=

"To Add New User, Check The Box Next To The User You Want To Add.     To Remove A User, Uncheck The Box Next To The User You Want To Remove.     To Show All Users,  Select ALL From The Selected Filter Option."

cssClass="css_GRD01_Grid_Detail" CommandItemDisplay="Top" AllowMultiColumnSorting="true" OverrideDataSourceControlSorting="true"

Width="1160px" PageSize="500" >

<CommandItemTemplate>

<div>

<asp:Label ID="lblTitle" runat="server" Text="Email Groups" Font-Bold ="true" Width="1000px"/>

<asp:LinkButton ID="lbtFilters" runat="server" CommandName="ShowHideFiltersDetail" ToolTip="Show/Hide User Filters" ><asp:Image ID="imgFilter" runat="server" CssClass="css_GFS01_Image_Align" ImageURL="<%$ Resources:Images,FilterRecord16%>" /> Filter</asp:LinkButton>

<asp:LinkButton ID="lbtRefresh" runat="server" CommandName="RebindGridDetail" ToolTip="Refresh User Grid" ><asp:Image id="imgRefresh" runat="server" CssClass="css_GFS01_Image_Align" ImageURL="<%$Resources:Images, ReloadBlue16 %>" />Refresh</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="EmailGroupId" UniqueName="EmailGroupId" Visible="false" DataType="System.Int32" />

<telerik:GridBoundColumn DataField="GroupEmailAddressId" UniqueName="GroupEmailAddressId" Visible="false" DataType="System.Int32" />

<telerik:GridBoundColumn DataField="SelectedStatus" UniqueName="SelectedStatus" Visible="false"> </telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="gtcSelectedStatus" HeaderText="Selected" HeaderStyle-Width="50px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" >

<ItemTemplate >

<asp:CheckBox id="chkSelectedStatus" runat="server" Checked='<%# Bind("SelectedStatus") %>' AutoPostBack="true" OnCheckedChanged="chkOption_OnCheckChanged" />

</ItemTemplate>

<FilterTemplate>

<telerik:RadComboBox runat="server" ID="rcbFilterSelectedStatus"

AutoPostBack="true" AllowCustomText="true"

EnableEmbeddedSkins="true" Skin="Windows7" Width="45px" MarkFirstMatch="true"

OnPreRender="DetailFilter_PreRender" OnSelectedIndexChanged="DetailFilter_OnSelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="True" />

<telerik:RadComboBoxItem Text="False" />

</Items>

</telerik:RadComboBox

</FilterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="EmailGroup" UniqueName="EmailGroup" HeaderText="Group" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="270px" SortExpression="EmailGroup" >

<FilterTemplate>

<telerik:RadComboBox runat="server" ID="rcbFilterEmailGroup" DataSourceID="SQLDS_EmailGroup" DataTextField="EmailGroup" DataValueField="EmailGroup"

AppendDataBoundItems="true" AutoPostBack="true" AllowCustomText="true"

EnableEmbeddedSkins="true" Skin="Windows7" Width="260px" MarkFirstMatch="true"

OnPreRender="DetailFilter_PreRender" OnSelectedIndexChanged="DetailFilter_OnSelectedIndexChanged">

</telerik:RadComboBox

</FilterTemplate>

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</asp:Panel>

</asp:panel>

<telerik:GridTextBoxColumnEditor ID="gtcEditor1" runat="server" TextBoxStyle-Width="200px" />

</form>

</body>

</html>