Rank: Newbie Groups: Member
Joined: 11/13/2008 Posts: 2
|
I am evaluating Calendar objects as a Date and Time Picker using the DEMO sample provided in the evaluation download.
I modified Date and Time Picker demo code as follows. Now when I click cmdSetToNow the date gets populated correclty in the correct control. However, if I click cmdReset, BOTH controls are cleared. Is there something I am doing wrong?
I will appreciate a quick response.
Thanks in advance
Markup
<%@ Control language="VB" AutoEventWireup="false" CodeFile="Demo.ascx.vb" Inherits="EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker.Demo" %> <%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %> <p> EO.Web DatePicker can also be used to enter both date and time. To enable this feature, simply uses one or more supported time related specifiers in <strong>PickerFormat</strong>. The following DatePicker has its <strong>PickerFormat</strong> set to <span class="highlight"> MM/dd/yyyy hh:mm:ss tt</span>. Input must contains both date and time value to be valid. </p> <eo:CallbackPanel runat="server" id="CallbackPanel1" Triggers="{ControlID:btnSubmit;Parameter:}"> <eo:DatePicker id="DatePicker1" runat="server" DayHeaderFormat="FirstLetter" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" DayCellHeight="16" OtherMonthDayVisible="True" DayCellWidth="19" TitleRightArrowImageUrl="DefaultSubMenuIcon" ControlSkinID="None" PickerFormat="MM/dd/yyyy hh:mm:ss tt" DisabledDates="" SelectedDates=""> <TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid"/> <SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <PickerStyle CssText="font-family:Arial; font-size:8pt; padding-left:5px; padding-right: 5px;" /> <CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" /> <TitleArrowStyle CssText="cursor:hand" /> <DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" /> <MonthStyle CssText="font-size: 8pt; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" /> <TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:8pt;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" /> <OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <DayHeaderStyle CssText="border-bottom: #aca899 1px solid" /> <DayStyle CssText="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Arial" /> </eo:DatePicker> <asp:ImageButton ID="cmdSetToNow" runat="server" Height="15px" Width="15px" /> <asp:ImageButton ID="cmdReset" runat="server" Height="15px" Width="15px" /> <p> <asp:Button id="btnSubmit" runat="server" Text="Submit"></asp:Button></p> <p> <asp:Label id="lblResult" Runat="server"></asp:Label> </p> <p> <eo:DatePicker id="DatePicker2" runat="server" DayHeaderFormat="FirstLetter" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" DayCellHeight="16" OtherMonthDayVisible="True" DayCellWidth="19" TitleRightArrowImageUrl="DefaultSubMenuIcon" ControlSkinID="None" PickerFormat="MM/dd/yyyy hh:mm:ss tt" DisabledDates="" SelectedDates=""> <TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid"/> <SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <PickerStyle CssText="font-family:Arial; font-size:8pt; padding-left:5px; padding-right: 5px;" /> <CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" /> <TitleArrowStyle CssText="cursor:hand" /> <DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" /> <MonthStyle CssText="font-size: 8pt; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" /> <TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:8pt;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" /> <OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> <DayHeaderStyle CssText="border-bottom: #aca899 1px solid" /> <DayStyle CssText="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" /> </eo:DatePicker> </p> <p> <asp:Label id="Label1" Runat="server"></asp:Label> </p> <p> <asp:Button id="Button1" runat="server" Text="Submit"></asp:Button></p>
</eo:CallbackPanel> <script language="javascript" type="text/javascript">
function setToNow(clientID) { eo_GetObject(clientID).setSelectedDate(new Date()); }
function reset(clientID) { eo_GetObject(clientID).setSelectedDate(null); eo_HideAllPopups();
} </script>
Code Behind
Imports System Imports System.Data Imports System.Drawing Imports System.Web Imports System.Web.UI.WebControls Imports System.Web.UI.HtmlControls
Namespace EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker '/ <summary> '/ Summary description for Demo. '/ </summary> Partial Class Demo Inherits System.Web.UI.UserControl Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load, Me.Load DatePicker1.SelectedDate = DateTime.Now cmdSetToNow.Attributes.Add("onClick", "javascript:setToNow('" & DatePicker2.ClientID & "'); return false;") cmdReset.Attributes.Add("onClick", "javascript:reset('" & DatePicker2.ClientID & "'); return false;")
End Sub 'Page_Load #Region "Web Form Designer generated code" Protected Overrides Sub OnInit(e As EventArgs) ' ' CODEGEN: This call is required by the ASP.NET Web Form Designer. ' InitializeComponent() MyBase.OnInit(e) End Sub 'OnInit '/ <summary> '/ Required method for Designer support - do not modify '/ the contents of this method with the code editor. '/ </summary> Private Sub InitializeComponent() End Sub 'InitializeComponent #End Region Private Sub btnSubmit_Click(sender As Object, e As System.EventArgs) Handles btnSubmit.Click lblResult.Text = DatePicker1.SelectedDate.ToString("F") Label1.Text = DatePicker2.SelectedDate.ToString("F")
End Sub 'btnSubmit_Click
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
DatePicker2.SelectedDateString = "" End Sub
Protected Sub cmdSetToNow_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles cmdSetToNow.Click
End Sub End Class 'Demo End Namespace 'EO.Web.Demo.Demos.Calendar.Features.Date_and_Time_Picker
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
The problem is the name of your function. You can not call it "reset". "reset" is a built-in function on the form object, and when it is called, it reset every input element in your form. So when you click the button, it's the form's reset method, not yours got called.
Try to change the function name to something else should resolve the issue.
Thanks!
|
Rank: Newbie Groups: Member
Joined: 11/13/2008 Posts: 2
|
Thanks!
|