Jason's Calendar Input with ASP.NET DetailsView

I'm currently creating a web page in ASP.NET and would like to use Jason's Input Calendar as well. I hope someone can help me with a problem that I am facing.

I have a form where I can add new customers. Most of the fields have the following tags within the DetailsView:-

Expand|Select|Wrap|Line Numbers

<asp:BoundField DataField="First Name" HeaderText="FirstName"></asp>

As for the Birth Date field, I had converted it to TemplateField. The following is the code:-

Expand|Select|Wrap|Line Numbers

 <asp:TemplateField ... >

<InsertItemTemplate>

  <asp:TextBox ID="TextBox1" runat="server" Text="" Visible="false"></asp:TextBox>

  <script type="text/javascript">DateInput("BirthDate",true,"YYYYMMDD")</script>

</InsertItemField>

How do i get the value of "BirthDate" into TextBox1? I'm coding in VB.

Thank you

Apr 16 '09 #1

Subscribe Post Reply

4981

acoder

16,027

Expert Mod 8TB

Can you post the client-side generated code instead of the server-side code (view source in the browser).

Apr 16 '09 #2

wudever

I believe i need to do some coding in the Code Behind.
Veiwing code in Visual Web Developement

Expand|Select|Wrap|Line Numbers

 
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="test_Default" %>
 
<%@ Register assembly="System.Web.DynamicData, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.DynamicData" tagprefix="cc1" %>
 
<!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>Testing</title>

    <script type="text/javascript" src="/ebs/calendarDateInput.js"></script>

</head>

<body>

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

    <div>

        <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" 

            DataKeyNames="CandidateID" DataSourceID="ObjectDataSource1" 

            DefaultMode="Insert" GridLines="None" Height="50px" Width="125px">

            <FieldHeaderStyle Wrap="False" />

            <Fields>

                <asp:BoundField DataField="CandidateName" HeaderText="Name:" 

                    SortExpression="CandidateName">

                <ControlStyle Width="250px" />

                </asp:BoundField>

                <asp:TemplateField HeaderText="Birth Date:" SortExpression="CandidateBirthDate">

                    <EditItemTemplate>

                        <asp:TextBox ID="TextBox1" runat="server" 

                            Text='<%# Bind("CandidateBirthDate") %>'></asp:TextBox>

                    </EditItemTemplate>

                    <InsertItemTemplate>

                        <asp:TextBox ID="TextBox1" runat="server" 

                            Text='<%# Bind("CandidateBirthDate") %>' Visible="False"></asp:TextBox>

                           <script type="text/javascript">DateInput("BirthDate",true,"YYYYMMDD")</script>

                    </InsertItemTemplate>

                    <ItemTemplate>

                        <asp:Label ID="Label1" runat="server" Text='<%# Bind("CandidateBirthDate") %>'></asp:Label>

                    </ItemTemplate>

                    <ControlStyle Width="100px" />

                </asp:TemplateField>

                <asp:CommandField ButtonType="Button" CancelText="Reset" InsertText="Add" 

                    ShowInsertButton="True" />

            </Fields>

        </asp:DetailsView>

        <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" 

            InsertMethod="InsertCandidates" OldValuesParameterFormatString="original_{0}" 

            SelectMethod="GetCandidates" 

            TypeName="DataSet1TableAdapters.tblCandidatesTableAdapter">

            <InsertParameters>

                <asp:Parameter Name="CandidateName" Type="String" />

                <asp:Parameter Name="CandidateBirthDate" Type="String" />

            </InsertParameters>

        </asp:ObjectDataSource>

    </div>

    </form>

</body>

</html>

Code generated by Browser

Expand|Select|Wrap|Line Numbers

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

    Testing

</title>

    <script type="text/javascript" src="/ebs/calendarDateInput.js"></script>

<link href="../App_Themes/Default/StyleSheet.css" type="text/css" rel="stylesheet" /></head>

<body>

    <form name="form1" method="post" action="Default.aspx" id="form1">

<div>

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="0vb2yGKDrJQA8HmJomdqk35fuuGN5uXWSiFsIC2rNVbCrKgyk25wu4aVnI4xogmtKyByWDRa2scEJJS4RPeacwAl8TGpGDMbitNCoEJjZtXPsA2UKI/Eawh5i+vGloXrywLxy81+tXopvrP9bEn2vyMH+BGm3ccruJFNCMEqs0M6S6nfQGdw4UU4cfoQfFVqDQeetA/Kumq0W+G0s//TBA==" />

</div>
 
<script type="text/javascript">

//<![CDATA[

var theForm = document.forms['form1'];

if (!theForm) {

    theForm = document.form1;

}

function __doPostBack(eventTarget, eventArgument) {

    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

        theForm.__EVENTTARGET.value = eventTarget;

        theForm.__EVENTARGUMENT.value = eventArgument;

        theForm.submit();

    }

}

//]]>

</script>

<div>

    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Y/0ycn2sAEM1oPMnlFLymu1MRjZwBhGCr/L+Z4Ufj0PhZyyI5PpUtQStnWM6Qcgw" />

</div>

    <div>

        <div>

    <table cellspacing="0" border="0" id="DetailsView1" style="height:50px;width:125px;border-collapse:collapse;">

        <tr>

            <td style="white-space:nowrap;">Name:</td><td><input name="DetailsView1$ctl01" type="text" title="Name:" style="width:250px;" /></td>

        </tr><tr>

            <td style="white-space:nowrap;">Birth Date:</td><td>

                           <script type="text/javascript">DateInput("BirthDate",true,"YYYYMMDD")</script>

                    </td>

        </tr><tr>

            <td colspan="2"><input type="submit" name="DetailsView1$ctl02" value="Add" />&nbsp;<input type="button" value="Reset" onclick="javascript:__doPostBack('DetailsView1','Cancel$-1')" /></td>

        </tr>

    </table>

</div>

    </div>

    </form>

</body>

</html>

Thanks

Apr 17 '09 #3

acoder

16,027

Expert Mod 8TB

If that's the case, you'd be better off asking in the ASP.NET forum. However, note that once the page loads, server-side code doesn't run (unless using Ajax) and to interact with the page, you'll need to use JavaScript.

Apr 20 '09 #4

wudever

Expand|Select|Wrap|Line Numbers

<asp:BoundField DataField="First Name" HeaderText="FirstName"></asp>

As for the Birth Date field, I had converted it to TemplateField. The following is the code:-

Expand|Select|Wrap|Line Numbers

 <asp:TemplateField ... > 

<InsertItemTemplate> 

  <asp:TextBox ID="TextBox1" runat="server" Text="" Visible="false"></asp:TextBox> 

  <script type="text/javascript">DateInput("BirthDate",true,"YYYYMMDD")</script> 

</InsertItemField>

How do i get the value of "BirthDate" into TextBox1? I'm coding in VB.

My original post can be found <snipped: no longer valid, posts have been moved into this thread>.

Thank you

Apr 20 '09 #5

Frinavale

9,735

Expert Mod 8TB

Can you please post the JASON Object that you are using for this calendar.
Specifically could you post the JavaScript/JASON code for the DateInput() function.

-Frinny

Apr 20 '09 #6

wudever

Jason's JavaScript Calender can be found here or here.

In classic ASP, if I have the following code:-

Expand|Select|Wrap|Line Numbers

 <form action="something.asp" method="get">

<script type="text/javascript">DateInput("BirthDate",true)</script>

<input type="submit" value="Submit" />

</form>

all I need to do to get the value is to do as follows:-

Expand|Select|Wrap|Line Numbers

bDate = Request.QueryString("BirthDate")

Thanks.

Apr 20 '09 #7

Frinavale

9,735

Expert Mod 8TB

Haha :)
I thought it was JASON (JSON) calendar...not a Calendar created by some guy named Jason :)

This script dynamically created HTML on the page.
It creates <select> elements for the month and the day; it creates a text box for the year; and it creates a hidden field with the current selected date.

The problem is that it's dynamically created HTML which means you cannot access it in your Server Side VB code like you would a DropDownList, or TextBox or ASP HiddenField.

You might be able to access the hidden field using the Request.Params('hiddenFieldID')....

Give that a try.
If it doesn't work we can look at changing your solution to use ASP controls (like the Ajax Toolkit's Calendar control) instead of HTML elements that are not easily accessible in your VB code.

Apr 20 '09 #8

wudever

I found a solution to this problem.

In the

Expand|Select|Wrap|Line Numbers

<InsertParameters>

tags, remove

Expand|Select|Wrap|Line Numbers

<asp:TextBox ID="TextBox1" ...</asp>

and replace with the script

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">DateInput("CandidateBirthDate",true,"YYYY-MM-DD")</script>
 

Within the

Expand|Select|Wrap|Line Numbers

<asp:OBjectDataSource ...>

tags, look for

Expand|Select|Wrap|Line Numbers

<InsertParameters>

tags and replace

Expand|Select|Wrap|Line Numbers

<asp:Parameter Name="CandidateBirthDate" Type="String" />

with

Expand|Select|Wrap|Line Numbers

 <asp:FormParameter FormField="CandidateBirthDate" Name="CandidateBirthDate" Type="String" />
 

I suppose it should also work with the <UpdateParameters>.

Apr 20 '09 #9

wudever

Ok, I've got another one.

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript>DateInput("BirthDate",true,"YYYY-MM-DD",DisplayDate)</script>
 

DisplayDate is the date to be displayed in browser.

Question:
1) How do I create variable DisplayDate?
2) How do I add value from a database to DisplayDate?

The script is still in DetailsView, in the <EditItemTemplate> tags.

Thank you.

Apr 21 '09 #10

acoder

16,027

Expert Mod 8TB

@Frinavale
I'd just point out that the data interchange format is called JSON (though you would probably read it as "Jason").

Apr 21 '09 #11

Frinavale

9,735

Expert Mod 8TB

Hehe it sounds all the same in my head :)
I'm not very familiar with JSON. I've only read about it and haven't actually had the chance to use it yet. I keep my eyes open for an opportunity though :)

Apr 21 '09 #12

Similar topics

javascript calendar

by: vinu | last post by:

I have a javascript file named select.js. This is a file which is use to pop up a calendar, when clicked on a calendar icon in an ASP file. have a close button in the calendar. When i click on the...

Javascript

DetailsView using Calendar Control in EditItemTemplate

by: K B | last post by:

I finally figured out how to use the Calendar Control in DetailsView edit, HOWEVER, it's awkward having the control show. My users are used to having an image to click on then bring up a pop-up...

ASP.NET

How to reset input data on detailsview, after error on insert

by: jparlato | last post by:

I'm using the detailsview to perform edit and insert of new records via an object datasource. If an error occurs on the insert, I want to preserve the data the operator tried to input, along with...

ASP / Active Server Pages

Input validation on detailsview

by: Kjell Arne | last post by:

Hi! I have a detailsview control in a webpart with some templated fields on. I set the ValidationGroup property to som value on these fields to distinguish from other web parts on the page....

ASP.NET

popup calendar

by: GV | last post by:

Hi all, New to developing in VS 2005 ASP 2.0 Trying to have a easy pop calender for a button on a web page. I keep getting a error message in IE6 that says: Line 69 Char 3 Error:...

ASP.NET

how to validate input of a detailsview?

by: Cas | last post by:

Hi, I use a detailsview control for inputtng data. I want to check the user input before it is sent to the database (min. /max value, not empty, only some values allowed ...). When clicking on...

ASP.NET

Input string was not in the correct format

by: sehguh | last post by:

Hiya Folks, I am Currently using windows xp. Also using Visual Web Developer 2005 and Microsoft Sql server 2005. The main page consists of an aspx page and a master page. The page also...

ASP / Active Server Pages

input string was not in a correct format

by: sehguh | last post by:

Hello folks I have recently been studying a book called "sams teach yourself asp.net 2.0 in24 hours by scott mitchell. I have reached page 614 but when i tried to run an asp page called...

ASP / Active Server Pages

Pop up calendar problem

by: mathewgk80 | last post by:

HI all, I am having popup calendar Javascript code. But i dont know how it is connecting to asp.net code.. I am using asp.net,c#.net and also using 3tier architecture with master page.... I...

.NET Framework

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA