//in your html/jsp
//notice this association of hourContainerNode to onSetSelectedHour event which
needs to be disconnected so the onSetSelectedHour event does not fire
<tbody dojoAttachPoint="hourContainerNode" -->
<!-- dojoAttachEvent="onClick: onSetSelectedHour;"
comment this out to prevent event firing -->
//in your html/jsp
//then change the bolded text found in this definition for isContainer
<tbody dojoAttachPoint="minuteContainerNode" />
<!-- dojoAttachEvent="onClick: onSetSelectedMinute;" -->
//notice this association of minuteContainerNode to onSetSelectedMinute event
which needs to be disconnected to the event so the onSetSelectedMinute event
does not fire
//i would suggest making a backup copy of
.\plugins\dojo\src\main\resources\org\apache\struts2\static\dojo\struts_dojo.js
//be careful as to retain brackets,commas and anything else you may see
{isContainer:false,templateString:"<div class=\"timePickerContainer\"
dojoAttachPoint=\"timePickerContainerNode\">\r\n\t
<table class=\"timeContainer\" cellspacing=\"0\" >\r\n\t\t
<thead>\r\n\t\t\t
<tr>\r\n\t\t\t\t
<td class=\"timeCorner cornerTopLeft\" valign=\"top\"> </td>\r\n\t\t\t\t
<td class=\"timeLabelContainer
hourSelector\">${this.calendar.field-hour}</td>\r\n\t\t\t\t
<td class=\"timeLabelContainer
minutesHeading\">${this.calendar.field-minute}</td>\r\n\t\t\t\t
<td class=\"timeCorner cornerTopRight\" valign=\"top\"> </td>\r\n\t\t\t
</tr>\r\n\t\t
</thead>\r\n\t\t
<tbody>\r\n\t\t\t
<tr>\r\n\t\t\t\t
<td valign=\"top\" colspan=\"2\" class=\"hours\">\r\n\t\t\t\t\t
<table align=\"center\">\r\n\t\t\t\t\t\t
<tbody dojoAttachPoint=\"hourContainerNode\" \r\n\t\t\t\t\t\t\t -->
<!-- comment out the onSetSelectedHour -->
<!-- dojoAttachEvent=\"onClick:onSetSelectedHour;\" -->
\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>12</td>\r\n\t\t\t\t\t\t\t\t<td>6</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td>1</td>\r\n\t\t\t\t\t\t\t\t<td>7</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td>2</td>\r\n\t\t\t\t\t\t\t\t<td>8</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td>3</td>\r\n\t\t\t\t\t\t\t\t<td>9</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td>4</td>\r\n\t\t\t\t\t\t\t\t<td>10</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td>5</td>\r\n\t\t\t\t\t\t\t\t<td>11</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t</table>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td
valign=\"top\" class=\"minutes\" colspan=\"2\">\r\n\t\t\t\t\t
<table align=\"center\">\r\n\t\t\t\t\t\t
<tbody dojoAttachPoint=\"minuteContainerNode\" \r\n\t\t\t\t\t\t\t -->
<!-- comment this out and wait for AM/PM to be selected -->
<!-- dojoAttachEvent=\"onClick:onSetSelectedMinute;\" -->
\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>00</td>\r\n\t\t\t\t\t\t\t\t
<td>30</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>05</td>\r\n\t\t\t\t\t\t\t\t
<td>35</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>10</td>\r\n\t\t\t\t\t\t\t\t
<td>40</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>15</td>\r\n\t\t\t\t\t\t\t\t
<td>45</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>20</td>\r\n\t\t\t\t\t\t\t\t
<td>50</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t\t
<tr>\r\n\t\t\t\t\t\t\t\t
<td>25</td>\r\n\t\t\t\t\t\t\t\t
<td>55</td>\r\n\t\t\t\t\t\t\t
</tr>\r\n\t\t\t\t\t\t
</tbody>\r\n\t\t\t\t\t
</table>\r\n\t\t\t\t
</td>\r\n\t\t\t
</tr>\r\n\t\t\t<tr>\r\n\t\t\t\t
<td class=\"cornerBottomLeft\">
</td>\r\n\t\t\t\t
<td valign=\"top\" class=\"timeOptions\">\r\n\t\t\t\t\t
<table class=\"amPmContainer\">\r\n\t\t\t\t\t\t
<!-- inside the onSelectedAmPm javascript function you want to do a call to
onSetSelectedHour() and onSelectedMinute() functions -->
<tbody dojoAttachPoint=\"amPmContainerNode\"
\r\n\t\t\t\t\t\t\tdojoAttachEvent=\"onClick: onSetSelectedAmPm;\">
\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td
id=\"am\">${this.calendar.am}</td>\r\n\t\t\t\t\t\t\t\t<td
id=\"pm\">${this.calendar.pm}</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t</table>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td
class=\"timeOptions\">\r\n\t\t\t\t\t<div
dojoAttachPoint=\"anyTimeContainerNode\"
\r\n\t\t\t\t\t\tdojoAttachEvent=\"onClick: onSetSelectedAnyTime;\"
\r\n\t\t\t\t\t\tclass=\"anyTimeContainer\">${this.widgetStrings.any}</div>\r\n\t\t\t\t</td>\r\n\t\t\t\t<td
class=\"cornerBottomRight\"> </td>\r\n\t\t\t</tr>\r\n\t\t</tbody>\r\n\t</table>\r\n</div>\r\n",templateCssString:"/*Time
Picker */\r\n.timePickerContainer {\r\n\twidth:122px;\r\n\tfont-family:Tahoma,
Myriad, Helvetica, Arial, Verdana,
sans-serif;\r\n\tfont-size:16px;\r\n}\r\n\r\n.timeContainer
{\r\n\tborder-collapse:collapse;\r\n\tborder-spacing:0;\r\n}\r\n\r\n.timeContainer
thead
{\r\n\tcolor:#293a4b;\r\n\tfont-size:0.9em;\r\n\tfont-weight:700;\r\n}\r\n\r\n.timeContainer
thead td {\r\n\tpadding:0.25em;\r\n\tfont-size:0.80em;\r\n\tborder-bottom:1px
solid #6782A8;\r\n}\r\n\r\n.timeCorner
{\r\n\twidth:10px;\r\n}\r\n\r\n.cornerTopLeft {\r\n\tbackground:
url(\"images/dpCurveTL.png\") top left no-repeat;\r\n}\r\n\r\n.cornerTopRight
{\r\n\tbackground: url(\"images/dpCurveTR.png\") top right
no-repeat;\r\n}\r\n\r\n.timeLabelContainer {\r\n\tbackground:
url(\"images/dpMonthBg.png\") top left repeat-x;\r\n}\r\n\r\n.hours, .minutes,
.timeBorder {\r\n\tbackground: #7591bc url(\"images/dpBg.gif\") top left
repeat-x;\r\n\r\n}\r\n\r\n.hours td, .minutes td
{\r\n\tpadding:0.2em;\r\n\ttext-align:center;\r\n\tfont-size:0.7em;\r\n\tfont-weight:bold;\r\n\tcursor:pointer;\r\n\tcursor:hand;\r\n\tcolor:#fff;\r\n}\r\n\r\n.minutes
{\r\n\tborder-left:1px solid #f5d1db;\r\n}\r\n\r\n.hours
{\r\n\tborder-right:1px solid #6782A8;\r\n}\r\n\r\n.hourSelector
{\r\n\tborder-right:1px solid
#6782A8;\r\n\tpadding:5px;\r\n\tpadding-right:10px;\r\n}\r\n\r\n.minutesSelector
{\r\n\tpadding:5px;\r\n\tborder-left:1px solid
#f5c7d4;\r\n\ttext-align:center;\r\n}\r\n\r\n.minutesHeading
{\r\n\tpadding-left:9px !important;\r\n}\r\n\r\n.timeOptions
{\r\n\tbackground-color:#F9C9D7;\r\n}\r\n\r\n.timeContainer .cornerBottomLeft,
.timeContainer .cornerBottomRight, .timeContainer .timeOptions
{\r\n\tborder-top:1px solid #6782A8;\r\n}\r\n\r\n.timeContainer
.cornerBottomLeft {\r\n\tbackground: url(\"images/dpCurveBL.png\") bottom left
no-repeat !important;\r\n\twidth:9px
!important;\r\n\tpadding:0;\r\n\tmargin:0;\r\n}\r\n\r\n.timeContainer
.cornerBottomRight {\r\n\tbackground: url(\"images/dpCurveBR.png\") bottom
right no-repeat !important;\r\n\twidth:9px
!important;\r\n\tpadding:0;\r\n\tmargin:0;\r\n}\r\n\r\n.timeOptions
{\r\n\tcolor:#fff;\r\n\tbackground:url(\"images/dpYearBg.png\") top left
repeat-x;\r\n\r\n}\r\n\r\n.selectedItem
{\r\n\tbackground-color:#fff;\r\n\tcolor:#6782a8
!important;\r\n}\r\n\r\n.timeOptions .selectedItem {\r\n\tcolor:#fff
!important;\r\n\tbackground-color:#9ec3fb
!important;\r\n}\r\n\r\n.anyTimeContainer
{\r\n\ttext-align:center;\r\n\tfont-weight:bold;\r\n\tfont-size:0.7em;\r\n\tpadding:0.1em;\r\n\tcursor:pointer;\r\n\tcursor:hand;\r\n\tcolor:#fff
!important;\r\n}\r\n\r\n.amPmContainer
{\r\n\twidth:100%;\r\n}\r\n\r\n.amPmContainer td
{\r\n\ttext-align:center;\r\n\tfont-size:0.7em;\r\n\tfont-weight:bold;\r\n\tcursor:pointer;\r\n\tcursor:hand;\r\n\tcolor:#fff;\r\n}\r\n\r\n\r\n\r\n/*.timePickerContainer
{\r\n\tmargin:1.75em 0 0.5em
0;\r\n\twidth:10em;\r\n\tfloat:left;\r\n}\r\n\r\n.timeContainer
{\r\n\tborder-collapse:collapse;\r\n\tborder-spacing:0;\r\n}\r\n\r\n.timeContainer
thead td{\r\n\tborder-bottom:1px solid #e6e6e6;\r\n\tpadding:0 0.4em 0.2em
0.4em;\r\n}\r\n\r\n.timeContainer td {\r\n\tfont-size:0.9em;\r\n\tpadding:0
0.25em 0
0.25em;\r\n\ttext-align:left;\r\n\tcursor:pointer;cursor:hand;\r\n}\r\n\r\n.timeContainer
td.minutesHeading {\r\n\tborder-left:1px solid #e6e6e6;\r\n\tborder-right:1px
solid #e6e6e6;\t\r\n}\r\n\r\n.timeContainer .minutes {\r\n\tborder-left:1px
solid #e6e6e6;\r\n\tborder-right:1px solid #e6e6e6;\r\n}\r\n\r\n.selectedItem
{\r\n\tbackground-color:#3a3a3a;\r\n\tcolor:#ffffff;\r\n}*/\r\n",templateCssPath:dojo.uri.moduleUri("dojo.widget","templates/TimePicker.css"),postMixInProperties:function(_dba,frag){
//later on in struts_dojo.js change the onSetSelectedAmPm to accept
onSetSelectedHour and onSetSelectedMinute
onSetSelectedAmPm:function(evt){
this.onClearSelectedAnyTime();
//add this in
onSetSelectedHour();
onSetSelectedMinute();
this.onClearSelectedAmPm();
this.setSelectedAmPm(evt);
this.selectedTime.anyTime=false;
this.onSetTime();
}
BTW: all of this comes straight from dojo so ..(so dont blame struts for any
inconsistent or incorrect behaviour in dojo base functionality)
HTH
Martin
____________________________________________
Verzicht und Vertraulichkeitanmerkung/Note de déni et de confidentialité
Diese Nachricht ist vertraulich. Sollten Sie nicht der vorgesehene Empfaenger
sein, so bitten wir hoeflich um eine Mitteilung. Jede unbefugte Weiterleitung
oder Fertigung einer Kopie ist unzulaessig. Diese Nachricht dient lediglich dem
Austausch von Informationen und entfaltet keine rechtliche Bindungswirkung.
Aufgrund der leichten Manipulierbarkeit von E-Mails koennen wir keine Haftung
fuer den Inhalt uebernehmen.
Ce message est confidentiel et peut être privilégié. Si vous n'êtes pas le
destinataire prévu, nous te demandons avec bonté que pour satisfaire informez
l'expéditeur. N'importe quelle diffusion non autorisée ou la copie de ceci est
interdite. Ce message sert à l'information seulement et n'aura pas n'importe
quel effet légalement obligatoire. Étant donné que les email peuvent facilement
être sujets à la manipulation, nous ne pouvons accepter aucune responsabilité
pour le contenu fourni.
> Date: Mon, 21 Jun 2010 08:27:36 -0400
> Subject: RE: Struts timepicker
> From: john.vargh...@smartonline.com
> To: john.vargh...@smartonline.com
> CC: user@struts.apache.org
>
> Good morning friends....Is there a way to achieve the below mentioned
> functionality?
>
> -----Original Message-----
> From: john.vargh...@smartonline.com
> Sent: Friday, June 18, 2010 2:28pm
> To: user@struts.apache.org
> Subject: Strust timepicker
>
>
> The current Struts dojo timepicker closes when the User selects any time
> component. Is there a way for the component to remain open until the User has
> selected hour, minute and AM/PM
>
>
> Regards,
>
> [http://www.smartonline.com/] John Varghese
>
> Note: The information contained in this email is privileged and confidential
> information intended for the use of the addressee. If the reader of this
> email is not the intended recipient, or the employee or agent thereof, you
> are hereby notified that any dissemination, distribution, or copying of this
> communication is strictly prohibited. If you received this email in error,
> please immediately notify the sender listed above and destroy this message
_________________________________________________________________
The New Busy is not the too busy. Combine all your e-mail accounts with Hotmail.
http://www.windowslive.com/campaign/thenewbusy?tile=multiaccount&ocid=PID28326::T:WLMTAGL:ON:WL:en-US:WM_HMP:042010_4
