Hi <input> is valid html, while <input/> is valid xhtml, so depending on what you are outputting open <input> may be appropriate.
If the built-in datepicker is giving you grief, roll your own... I find that we (at work) eventually have had to replace almost all of the slightly fancy "gui" components in tapestry, while the most basic ones still works like expected (as browsers / styling frameworks etc. gets better and requires less server-side interaction, the need for server round trips like the one you mentioned for the date picker diminishes). Form fields are matched server-side by the "name" attribute (in the servlet api). -- Chris On Thu, Dec 6, 2018 at 4:02 AM Christopher Dodunski < chrisfromtapes...@christopher.net.nz> wrote: > Just a few short questions to help progress with problem solving. > > 1) Is there any known reason why DateField's WebFX DatePicker wouldn't > work within an embedded Tapestry component? I've had no problem with it > working directly in a Tapestry page. Don't want to be flogging a dead > horse here. :-) > > 2) In the HTML source below, you can see that Tapestry isn't generating > well-formed markup in the 2nd example (absent closing </input> tags). Is > this just a red herring? > > 3) Despite the DateField tags containing id parameters, could it be that > these text fields are not discoverable after the server is called to parse > the date selected using the DatePicker popup? > > Again, the datefield itself accepts textual input. Just the DatePicker > doesn't work. > > > **THIS DATEFIELD'S DATEPICKER WORKS CORRECTLY** > > <form class="form-horizontal" data-validate="submit" > action="/harbour/movement/create.registerform" method="post" > id="registerForm"> > <input value="Dashboard" name="t:ac" type="hidden"></input><input > > value="K2I7Z6fbINGg1K7hkAtWgn/blEI=:H4sIAAAAAAAAAJVQu0oDQRS9CRqEIIhPJCgBY7tpTKONiSAWQYRoYze7e92M7M6MMzevxta/8AvE2j6Fnf/gB9haWTibhRg3L4WBYc6cF+fpAxY727AZyTZGKKh8opERHja576MAo+FY6sBhinlNdIgpNKR7FceTGkPu2jtSUlihcc4GktKFlh4a02i5ETeGS3H9UFzrFl5yWcjUIe9JQVqG5yxCgtX6LWuzcshEUG6Q5iI46iqCXJI+qVfbWmMY96rM7OUyg07VtSDz6JRj6JcaSC21f9XPv2+8fo2VuYN7yAzCk4jZ4dX/ho+t0n/2D24+H9+yAF3V2YL1dBj1FIKJay2QPfY1lRWTljpF2En/GtvPb4XoE49+zJaH8KWF5+sS+10opGlS84ALFzU1h+b5BKzF4DxNYrwHxTTJt4Nywcju9Nt9ZeQnifiLOsmZsJ6QNLJx/JrKGnh8A1L3LvkuAwAA" > name="t:formdata" type="hidden"></input><input value="Dashboard" > name="hidden" type="hidden"></input> > > <div class="form-group"> > <label for="scheduledTime" class="control-label > col-md-4">Scheduled Time</label> > <div class="col-md-8"> > <div class="input-group" > > data-format-url="/harbour/movement/create.scheduledtime:format?t:ac=Dashboard" > > data-parse-url="/harbour/movement/create.scheduledtime:parse?t:ac=Dashboard" > data-component-type="core/DateField"><input > placeholder="scheduled time of movement ("dd mmm yyyy > hh:mm")" data-required-message="You must provide a > value for Scheduled Time." data-optionality="required" > data-validation="true" value="" id="scheduledTime" > name="scheduledTime" class="form-control" > type="text"></input><span class="input-group-btn"><button > alt="[Show]" class="btn btn-default" type="button"><span > class="glyphicon > glyphicon-calendar"></span></button></span></div> > </div> > </div> > > <input value="Create Movement" class="opto-button > create-movement-btn" type="submit"></input> > </form> > > > **THIS DATEFIELD'S DATEPICKER FAILS** > > <div data-container-type="zone" id="filterZone"> > > <form class="filter-container" data-async-trigger="true" > data-validate="submit" > action="/harbour/dashboard.movementpanel.filterpane.filterform" > method="post" id="filterForm"> > <input value="movementZone" name="t:ac" type="hidden"><input > > value="Uf5iT4YCrKb6BK/NRv8EvGKwvuI=:H4sIAAAAAAAAAL2UPWgUQRTHXyJRyGEQQS1sLCIS8SZ3eCdBEQneXRSOVW4vShphdnfusjI7M868TU4EawsbKztBsPOj0MIuRVJIrrBR7AVbQQxYGXDGFS0EuV04m/l+7/ef9x7v2WeYWq9AuUHNaiCpjs4mco0lTKCignHSizky7dYkoQPNTMrRgNGwIHWfUEXDVUaQKmZQ366TUGrG48DOiZLCejGkQ6NYLmmZqlmfYaoeVDZOvZrZ2ZyEiTaUQilQS+7RhCEcbN+ka3SeU9Gf91HHon9uoBCmLbmTkQtJrRWQWh0OhsOX/u7GJMBArZ+EEyNguZTKAcmowLY1mK2Xr2x/mIM72+NHVVc+Pd/pvX73uAjKy4WyCUN75SNF1tIy8d0uushj++Qa5SkrP9x8fw+O7f6qgz8Xt+AuTLi87+k2vbGGo/ZV9eaWDj+9kD8cTuQ0wt7u9abXXclj6ixnirCmWpdb/wm179Ky1+g0G+OF5U3XmcqBLws3ntw/n6XrNFRGQLnBINUY2UJ0zPo/mQE1jCwG9pCG2IoZj7KudXx5q/Tx0Jvvf3Wt39W635F8R2pYUlF1i3nVXdUyZMb4aZDExsRSbL2Iar1vj95mQaoCGVEGE1Emwv3oCELJHTZF9PM3+d04L0d/AJVBrr9eBgAA" > name="t:formdata" type="hidden"> > <div class="filter-date"> > <label for="paneStartDate" class="control-label">Start</label> > <div class="input-group" > > data-format-url="/harbour/dashboard.movementpanel.filterpane.panestartdate:format?t:ac=movementZone" > > data-parse-url="/harbour/dashboard.movementpanel.filterpane.panestartdate:parse?t:ac=movementZone" > data-component-type="core/DateField"><input placeholder="dd > mmm yyyy hh:mm" value="" id="paneStartDate" > name="paneStartDate" class="form-control" type="text"><span > class="input-group-btn"><button alt="[Show]" class="btn > btn-default" type="button"><span class="glyphicon > glyphicon-calendar"></span></button></span></div> > </div> > <div class="filter-apply"><input value="Apply Filter" class="" > type="submit"></div> > </form> > > </div> > > > --------------------------------------------------------------------- > To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org > For additional commands, e-mail: users-h...@tapestry.apache.org > >
