Welcome Guest Search | Active Topics | Sign In | Register

DatePicker edit issue Options
Alvin Sinha
Posted: Tuesday, February 24, 2009 2:06:38 AM
Rank: Member
Groups: Member

Joined: 2/24/2009
Posts: 16
Hi,

I am using date picker control and binding cell value with dataset column. Issue is whenever i click on cell to edit date filed, date value is getting lost. Will you please help me on the same.

I am attaching code for any reference:-

<eo:DateTimeColumn HeaderText="Correspondence Date" DataField="correspondence_date">
<DatePicker ID="cdate" DayCellHeight="16" SelectedDates="" DisabledDates="" PickerFormat="MM/dd/yyyy"
VisibleDate="2008-11-01" DayHeaderFormat="Short" TitleLeftArrowImageUrl="00040101"
TitleRightArrowImageUrl="00040102" DayCellWidth="22" ControlSkinID="None" MonthSelectorVisible="True" TitleLeftArrowDownImageUrl="00040103"
TitleRightArrowDownImageUrl="00040104" WeekSelectorVisible="True">
<TodayStyle CssText="background-image:url('00040106');"></TodayStyle>
<SelectedDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; background-image:url('00040105');color:white;">
</SelectedDayStyle>
<DisabledDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; COLOR: gray"></DisabledDayStyle>
<FooterTemplate>
<div style="font-weight: bold; font-size: 11px; font-family: Tahoma&quot;">
<img src="{img:00040106}"> Today: {var:today:MM/dd/yyyy} </img>
</div>
</FooterTemplate>
<CalendarStyle CssText="border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;background-color:white">
</CalendarStyle>
<DayHoverStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:underline">
</DayHoverStyle>
<MonthStyle CssText="MARGIN: 0px 4px; cursor:hand"></MonthStyle>
<TitleStyle CssText="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #0054e3">
</TitleStyle>
<DayHeaderStyle CssText="FONT-SIZE: 11px; COLOR: #0054e3; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Tahoma">
</DayHeaderStyle>
<DayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:none"></DayStyle>
</DatePicker>
</eo:DateTimeColumn>

Thanks,
Alvin
eo_support
Posted: Tuesday, February 24, 2009 8:43:23 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We tested your code and it works fine here. Would you be able to post a full test page? Please make sure the page runs independently.

Thanks!
Alvin Sinha
Posted: Tuesday, February 24, 2009 9:11:00 AM
Rank: Member
Groups: Member

Joined: 2/24/2009
Posts: 16
Hi,

I am unable to send you complete page as page size is big and i am binding data from database. Will you please tell me what type of date format it required. I tried with date format 02/02/2009 and 2/2/2009 but in both scenario it failed.

Please analyse the code and suggest me if i am doing anything wrong.


<eo:DateTimeColumn AllowSort="True" HeaderText="Correspondence Date" DataField="correspondence_date">
<DatePicker ID="cdate" DayCellHeight="16" SelectedDates="" DisabledDates="" PickerFormat="MM/dd/yyyy"
VisibleDate="2008-11-01" DayHeaderFormat="Short" TitleLeftArrowImageUrl="00040101"
TitleRightArrowImageUrl="00040102" DayCellWidth="22" ControlSkinID="None" MonthSelectorVisible="True"
TitleLeftArrowDownImageUrl="00040103" TitleRightArrowDownImageUrl="00040104"
WeekSelectorVisible="True">
<TodayStyle CssText="background-image:url('00040106');"></TodayStyle>
<SelectedDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; background-image:url('00040105');color:white;">
</SelectedDayStyle>
<DisabledDayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; COLOR: gray"></DisabledDayStyle>
<FooterTemplate>
<div style="font-weight: bold; font-size: 11px; font-family: Tahoma&quot;">
<img src="{img:00040106}"> Today: {var:today:MM/dd/yyyy} </img>
</div>
</FooterTemplate>
<CalendarStyle CssText="border-bottom-color:Black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:Black;border-left-style:solid;border-left-width:1px;border-right-color:Black;border-right-style:solid;border-right-width:1px;border-top-color:Black;border-top-style:solid;border-top-width:1px;padding-bottom:5px;padding-left:5px;padding-right:5px;padding-top:5px;background-color:white">
</CalendarStyle>
<DayHoverStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:underline">
</DayHoverStyle>
<MonthStyle CssText="MARGIN: 0px 4px; cursor:hand"></MonthStyle>
<TitleStyle CssText="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #0054e3">
</TitleStyle>
<DayHeaderStyle CssText="FONT-SIZE: 11px; COLOR: #0054e3; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Tahoma">
</DayHeaderStyle>
<DayStyle CssText="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; text-decoration:none"></DayStyle>
</DatePicker>
</eo:DateTimeColumn>

Thanks,
Alvin
eo_support
Posted: Tuesday, February 24, 2009 9:19:31 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
As we have pointed out in our previous post, the code you posted runs fine here. So the problem is most likely somewhere else. That's why we ask you to post the full page. If you can not do that, you will want to test the Grid in an empty page. Once you get that working, you can compare the working page and your non-working page and it should be easy for you to find out what caused the problem.

Thanks!
Alvin Sinha
Posted: Tuesday, February 24, 2009 1:08:38 PM
Rank: Member
Groups: Member

Joined: 2/24/2009
Posts: 16
Hi,

How can i send you complete file will you please send me the mail id where i can post html file.

Thanks,
Alvin
eo_support
Posted: Tuesday, February 24, 2009 2:42:04 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We have received your test file. However that's not what we needed. We need a regular ASP.NET test project that we can load, run and debug. Thus you will need to isolate the problem into a test project. We can not work on final HTML page because most likely we will need to debug through the source code to locate the problem.

Thanks!
Alvin Sinha
Posted: Wednesday, February 25, 2009 6:01:29 AM
Rank: Member
Groups: Member

Joined: 2/24/2009
Posts: 16
Thanks for your help. It worked for me. Now i have another issue. I want to make one cell as heperlink and on click of that one popup window should open. I tried my luck and i am able to open popup window but issue is => i want to show text as "Download" in every cell value and when user click on that it should open a popup window with querystring as "cid". Any help will be apprecaited.

Code: Visual Basic.NET
<eo:CustomColumn AllowSort="True" DataField="ID" ClientSideGetText=""
                        ClientSideBeginEdit="OpenPopup" HeaderText="Download Documents" DataFormat="&lt;a href=&quot;downloaddocuments.aspx?cID={0}&quot; target=&quot;_blank&quot;&gt;{0}&lt;/a&gt;">
                    </eo:CustomColumn>



Thanks,
Alvin
eo_support
Posted: Wednesday, February 25, 2009 10:37:53 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You don't want to use a CustomColumn for that. Use a StaticColumn and set the column's DataFormat to something like this:

<a href="javascript:OpenPopup({0});">Download</a>"

Note the DataFormat allows you to pass a single parameter as marked by "{0}". At runtime the Grid would get the value from DataField and then replace {0} with the field value. For example, you can set DataField to a data field name "ProductID", the Grid will replace {0} with the ProductID value for that row for you.

Next time if you have a different question, please start a new thread.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.