Questions on UI for ASP.NET AJAX Forum

110,740 questions

1 answer

92 views

I have rad panel bar at the left side of the page.I want to load a rad tab on the right side of the page.The idea is to generate multiple tabs dynamically on the same page.Please note I have divided the page using a radsplitter. Lets say i have the following items at the panel bar:

Item1
Item2
Item3

The right side page is called home.aspx.Now clicking Item1 will open radtab1 on home.aspx and without reloading home.aspx if I click Item2 another new tab(radtab2) will open beside radtab1.Any idea how I can achieve this?Thanks in advance.

Here's the code of the page

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<style type="text/css">

html, body, form

{

background: #fff;

height: 100%;

margin: 0;

padding: 0;

width: 100%;

position: absolute;

}

</style>

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

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

</asp:ScriptManager>

<div class="page">

<div class="header01">

<div class="head_top">

<div class="homeicon">

<asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx">

<asp:Image ID="Homeicon" runat="server" ImageUrl="~/Images/home.png"/>

</asp:HyperLink>

</div>

<div class="side01">

<label class="text02">XERP</label>

</div>

<div class="side02">

<telerik:RadMenu runat="server" Skin="">

<Items>

<telerik:RadMenuItem CssClass="dropdowntop">

<ItemTemplate>

<div class="dropdownside01">

<label class="text01">Hi! Rezwanul Huq</label>

<label class="text01">Wed 15, Oct 2012 15:12</label>

</div>

<div class="dropdownside02">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/>

</div>

</ItemTemplate>

<Items>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownText01">

<asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div class="bottom">

<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"

ResizeMode="EndPane">

<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y">

<div style="height:3%; margin:3px 1px 0px 3px;">

<telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="178px">

</telerik:RadTextBox>

<telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >

<Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />

</telerik:RadButton>

</div>

<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"

Height="96%" Width="100%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettings/CompanySetup.aspx"

Target="MainPane" Text="Company Setup">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettings/BankSetup.aspx"

Target="MainPane" Text="Bank">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx"

Target="MainPane" Text="Employee">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx"

Target="MainPane" Text="Items">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"

Target="MainPane" Text="User">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"

Target="MainPane" Text="Change Password">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" ID="MainPane" ContentUrl="UserHome.aspx">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

PanelBar

answered on 07 Nov 2012

2 answers

203 views

RadMaskedTextBox not showing EmptyMessage

We have had problems with RadMaskedTextBox showing the EmptyMessage since upgrading to 2012 Q2. Previously this was not a probhlem. The following markup just shows the expected input rather than the empty message.

<telerik:RadMaskedTextBox ID="SSNTextBox" runat="server" EmptyMessage="SSN" Mask="###-##-####" />

See the attached screenshot.

Input

answered on 07 Nov 2012

2 answers

97 views

Hyperlinks in the black theme

Hi,

I setup my ASP.Net app to use all of your built in themes.

They all look great, except the Black theme.

The hyperlinks are not white; they follow the standardized blue/red/purple.

See attached screen shot.
It shows a few controls such as the menu, grid, treeview, window, and panel.
Notice the hyperlinks are the only text that isn't themed white.

I really don't want to deal with a custom theme...

Honestly, I think it should be considered a bug that the hyperlinks aren't white in the Black theme.

General Discussions

answered on 07 Nov 2012

1 answer

136 views

Panelbar Item to open rad tab

I have a rad panelbar.Clicking an Item at the panelbar will open a new tab.So far I was able to generate the new tab.But I need to load an aspx page inside the tab.Please check the attached code.If you check the below code on click of the panelbar item I'm loading a new tab but I'm unable to load the page. Please help.Thanks.

<telerik:RadPanelItem runat="server" onclick="addtab('Bank.aspx','Login')" Text="Bank">
</telerik:RadPanelItem>

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<style type="text/css">

html, body, form

{

background: #fff;

height: 100%;

margin: 0;

padding: 0;

width: 100%;

position: absolute;

}

</style>

<script type="text/javascript">

function ReLoadWindow(url, title, width, height) {

var manager = GetRadWindowManager();

var cWindow = manager.getActiveWindow();

if (cWindow != null)

cWindow.close();

var oWindow = radopen(url, null);

oWindow.SetSize(width, height);

oWindow.MoveTo(195, 150);

oWindow.set_title(title);

oWindow.add_pageLoad(function () { oWindow.set_status(" "); });

}

</script>

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

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

</asp:ScriptManager>

<script type="text/javascript">

var tabStrip1;

function OnClientLoad() {

tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');

for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {

AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");

}

function addtab(url, text) {

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(text + tabStrip1.get_tabs().get_count());

tabStrip1.get_tabs().add(tab);

AttachCloseImage(tab, "Images/Icons/close.png");

}

function CreateCloseImage(closeImageUrl) {

var closeImage = document.createElement("img");

closeImage.src = closeImageUrl;

closeImage.alt = "Close this tab";

return closeImage;

}

function AttachCloseImage(tab, closeImageUrl) {

var closeImage = CreateCloseImage(closeImageUrl);

closeImage.AssociatedTab = tab;

closeImage.onclick = function (e) {

if (!e) e = event;

if (!e.target) e = e.srcElement;

deleteTab(tab);

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

return false;

}

tab.get_innerWrapElement().appendChild(closeImage);

}

function deleteTab(tab) {

var tabStrip = $find("<%= RadTabStrip1.ClientID %>");

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip.get_tabs().remove(tab);

if (tabToSelect)

tabToSelect.set_selected(true);

}

</script>

<div class="page">

<div class="header01">

<div class="head_top">

<div class="homeicon">

<asp:HyperLink runat="server" Target="_parent" NavigateUrl="~/Default.aspx">

<asp:Image ID="Homeicon" runat="server" ImageUrl="~/Images/home.png"/>

</asp:HyperLink>

</div>

<div class="side01">

<label class="text02">XERP</label>

</div>

<div class="side02">

<telerik:RadMenu runat="server" Skin="">

<Items>

<telerik:RadMenuItem CssClass="dropdowntop">

<ItemTemplate>

<div class="dropdownside01">

<label class="text01">Hi! Rezwanul Huq</label>

<label class="text01">Wed 15, Oct 2012 15:12</label>

</div>

<div class="dropdownside02">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Icons/client.png"/>

</div>

</ItemTemplate>

<Items>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/message.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Inbox</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/chpassword.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Change Password</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Settings.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Settings</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/help.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Help</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownIcon">

<asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Icons/Logout.png" CssClass="DropdownIconAlign" />

</div>

<div class="DropdownText">

<asp:Label ID="Label1" runat="server" class="text03">Log Out</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem CssClass="Dropdown">

<ItemTemplate>

<div class="DropdownText01">

<asp:Label ID="Label1" runat="server" class="text03">Last Login Detail: <br /> Wed 15, Oct 2012 15:12</asp:Label>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div class="bottom">

<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"

ResizeMode="EndPane">

<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" CssClass="menu" Scrolling="Y">

<div style="height:3%; margin:3px 1px 0px 3px;">

<telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="178px">

</telerik:RadTextBox>

<telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >

<Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />

</telerik:RadButton>

</div>

<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"

Height="96%" Width="100%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">

<Items>

<telerik:RadPanelItem runat="server" Target="MainPane" Text="Company Setup" onclick="ReLoadWindow('UserHome.aspx','User Management',750,500)">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" onclick="addtab('Bank.aspx','Bank')" Text="Bank">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Human Resource" ImageUrl="~/Images/Icons/HRM_icon.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/HRM/Employee.aspx"

Target="MainPane" Text="Employee">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Stock & Inventory" ImageUrl="~/Images/Icons/SI.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/SI/Items.aspx"

Target="MainPane" Text="Items">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Height="30px" Text="Security" ImageUrl="~/Images/Icons/security.png">

<Items>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Security/SecurityUsers.aspx"

Target="MainPane" Text="User">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" NavigateUrl="~/Account/ChangePassword.aspx"

Target="MainPane" Text="Change Password">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" >

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" onclientload="OnClientLoad">

<Tabs>

<telerik:RadTab Text="Dashboard">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" ContentUrl="UserHome.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadWindowManager Visible="true" ID="Singleton" CssClass="body_bg" EnableAjaxSkinRendering="true" Behavior="Default" VisibleOnPageLoad="false" runat="server" >

<Windows>

<telerik:RadWindow VisibleOnPageLoad="false" CssClass="body_bg" OffsetElementID="MapPane" Modal="false" Left="0px" Top="20px" Width="450px" Height="500px" Behavior="default" NavigateUrl="Widgets/CreateUser.aspx" runat="server" ID="CreateUser" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

TabStrip

answered on 07 Nov 2012

4 answers

85 views

RadEditor Inside GridEditCommandColumn

Hi,
we are using telerik control latest version 2012.2.912.40 in our project.

We have RadEditor in ascx page and using ascx page to display in GridEditCommandColumn. When we use the same ascx control in separate webpage, radeditor is displaying without any issue. When we use in GridEditCommandColumn and check, there is extra spaces in both top tool bar and bottom. As per comments in "http://www.telerik.com/help/aspnet-ajax/editor_disablehidemodules.html" removed modules. Also used below code in master page (initially we had "width" problem but resolved after using below code). But still we can see the extra space in the RadEditor window. We also tried to add Editor.web20.css into our application. but no luck.
Please help us to resolve this issue.
Thanks

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />

<Telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

Editor

answered on 07 Nov 2012

5 answers

90 views

AdvancedForm recurrence to Weekly by default

In the New AdvancedForm.acsx page I need the following changes for the recurrence section:
1. Default the recurrence to weekly
2. Default the “end after __ occurrences” to 10
3. Change the “end by” to default to 10 weeks later than the selected date

I am using :

<telerik:RadSchedulerRecurrenceEditor runat="server" ID="AppointmentRecurrenceEditor" Height="100%" Style="padding-left: 25px;" />

for Recurrences.

Can U please help in resolving the issue

Thanks in Advance,
Chandu

Scheduler

answered on 07 Nov 2012

1 answer

233 views

Need to change Organization chart node color dynamically

Hi,

I am new to Organization chart. In am binding the OrgChart with Collection objects. After binding the chart i am having the following option in Org chart.
Create new node (using creating node item in the collection and rebind it to to chart).
Edit or Delete node (using contextmenu right click update the coloection and rebind it to OrgChart).

Please let me know how to change the background color in the chart node item.
While creating the new code it will be show with different color to highlight.
While edit or deleting the new code it will be show with different color to highlight.

Regards,
Kannan S

OrgChart

answered on 07 Nov 2012

4 answers

119 views

AllowMultiRowEdit = true. Can't perform Update Multiple Item if there is too many editing item at a time. Is it normal?

I have set AllowMultiRowEdit = true in order to put every item in the grid to edit mode, then edit and update them all at once.
However, it seem to me that if there is too many item that are editing at a time, then the update won't work.
For example, if I set the PageSize = 80, it will work perfectly, but if I set it to be 100, then it won't work. At first, I thought that 80 is the limit number of row that can be editing at a time, but then when I tested with another grid, It works when I set PageSize to 50, but it won't work if I set the PageSize to 55.

I guess that it's has something to do with the limit of amount of data that the grid can hold at a time or so.

Would you please explain?

Thanks

Lamk.

Grid

answered on 07 Nov 2012

2 answers

77 views

Issue with add new record in SPRadGrid webpart

Hello

When clicking on add new record link, everything works alright. But when clicking on plus icon (just on the left of add new record link), not only new item overlay window pops up, but additionally new item row is shown in grid, as inline editing would have been enabled (which is not the case).

Thank you and best regards,
Roger

WebParts for SharePoint

answered on 07 Nov 2012

4 answers

224 views

RadDatePicker + Repeater + Javascript

Hi There,

I have a repeater control that outputs two RadDatePickers per row as shown below.

    
            <asp:Repeater ID="rep_mediaassetbursts" runat="server" DataSourceID="ods_mediaassetbursts" OnItemDataBound="rep_mediaassetbursts_ItemDataBound"> 
        
                        <HeaderTemplate> 
        
                            <table> 
        
                            <tr> 
        
                            <th>Bursts</th> 
        
                            <th>Value</th> 
        
                            <th>Start Date</th> 
        
                            <th>End Date</th> 
        
                            </tr> 
        
                        </HeaderTemplate> 
        
                        <ItemTemplate> 
        
                            <tr> 
        
                            <td><asp:Label ID="burstNumber" runat="server" Visible='true' ></asp:Label></td> 
        
                            <td><telerik:RadNumericTextBox ID="MediaAssetBurstValue" runat="server"  DbValue='<%# Bind("investment") %>'  MinValue='0' Width="75px" DataType="System.Int32" Type="Currency"  ><NumberFormat DecimalDigits="0"  /><EnabledStyle HorizontalAlign="Right" /></telerik:RadNumericTextBox></td> 
        
                            <td><telerik:RadDatePicker ID="BurstStartDate" runat="server"> 
        
                                </telerik:RadDatePicker><asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="BurstStartDate" 
        
                            ErrorMessage="Enter a date!" Display="Dynamic"></asp:RequiredFieldValidator></td> 
        
                            <td><telerik:RadDatePicker ID="BurstEndDate" runat="server"   ></telerik:RadDatePicker><asp:RequiredFieldValidator runat="server" ID="Requiredfieldvalidator2" ControlToValidate="BurstEndDate" 
        
                            ErrorMessage="Enter a date!" Display="Dynamic"></asp:RequiredFieldValidator><asp:CompareValidator ID="dateCompareValidator" runat="server" ControlToValidate="BurstEndDate" 
        
                            ControlToCompare="BurstStartDate" Operator="GreaterThanEqual" Type="Date" ErrorMessage="The second date must be after the first one." Display="Dynamic"></asp:CompareValidator> 
        
                            <asp:Label runat="server" ID="datevalue"></asp:Label> 
        
                            </td> 
        
                            </tr> 
        
                        </ItemTemplate> 
        
                        <FooterTemplate> 
        
                            <tr> 
        
                            <td></td> 
        
                            <td> 
        
                            <telerik:RadNumericTextBox ID="burstTotalValue" Type="Currency" runat="server"  Value='0'  MinValue='0' Width="75px" DataType="System.Int32" ReadOnly="true"  > 
        
                            <NumberFormat DecimalDigits="0"  /> 
        
                            <ReadOnlyStyle BorderStyle="none" HorizontalAlign="Right" /> 
        
                            </telerik:RadNumericTextBox></td> 
        
                            <td colspan="2"><asp:CompareValidator ID="burstTotalValueCheck" runat="server" 
        
                                ErrorMessage="Burst Totals must match the total investment for the assset" ControlToValidate="burstTotalValue" Type="Integer"></asp:CompareValidator></td> 
        
                            </tr> 
        
                            </table> 
        
                        </FooterTemplate> 
        
                        </asp:Repeater>

I want to associate a javascript function to the OnDateSelected event for each of the RadDatePickers so that i can work out the number of weeks between the dates and display the value in the "datevalue" label.

I am aware of the standard paramaters that get passed to the javascript function that you assign to the OnDataSelected property, but my problem is from within that function how can I access the other RadDatePicker and also the label.

If I was able to make OnDateSelected take extra paramaters i could pass into it the client id for the other RadDatePicker and the label.

I am looking for any suggested approaches.

Thanks in advance
Jason

Calendar

answered on 07 Nov 2012

Top users last month