Friday, August 17, 2007

How to put java script calendar in details view

How to put java script calendar in details view

Well whn working at SoftechWW on 10 August 17, 2007, I hav a task to put calendar in details view so tht no one has to out date manually

As a new to dotnet I faced difficulties in starting,I googeled out so many web sited bt cant implement what was in the task

Well it is llittle difficult whn u hav master pages in ur web sites
I did somthng like
After tag in master page



cal2.js and cal_conf2.js shd ot in ur root.

U can get tht script frm
http://cid-6df087b9c8817648.skydrive.live.com/browse.aspx/Public/

now I converted insert mode in edit mode of details view for month of servise into templet and thn did tht


Select Date


And same for date of joining and industry experience

Now important thng
Whn using master pages,on run time all id’s of controls changes with respect to masterpage id

Nw go to cal_conf.js
/Define calendar(s):
addCalendar ("Unique Calendar Name", "Window title", "Form element's name", Form name")


addCalendar("Calendar1", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_test2", "aspnetForm");
addCalendar("Calendar2", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_TextBox7", "aspnetForm");
addCalendar("Calendar3", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_TextBox9", "aspnetForm");

addCalendar("Calendar4", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_TextBox6", "aspnetForm");
addCalendar("Calendar5", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_TextBox7", "aspnetForm");
addCalendar("Calendar6", "Select Date", "ctl00_ContentPlaceHolderCenter_DetailsView1_TextBox9", "aspnetForm");

first three are for edit mode and next three for insert mode
**if u don’t knw wht is ur controls id thn run ur page in internet exployer n view source.here u can find wht is ur control name generated on run tim
Tc

No comments: