When using jQuery via ajax you don¹t use jQuery¹s ready function, in you
case the $(function(){.
You have two options. The simplest is to set a parameter (eg called
ajaxRequest) in you action to true, when received via ajax and then change
your javascript to have a s:if tag and if ajaxRequest is not true then
include the $(function(){ line.
For example you javascript block would look like:
<script type="text/javascript">
> <s:if test=²%{!ajaxRequest}>
> $(function() {
> </s:if>
> $(".datepicker").datepicker({
> changeMonth: true,
> changeYear: true,
> yearRange: '-5:+5',
> showOn: 'button', buttonImageOnly: true, buttonImage:
> 'images/calendar.gif'
> });
> <s:if test=²%{!ajaxRequest}>
> });
> </s:if>
> </script>
The option is to have either separate jsp pages or separate javascript
blocks.
>
>
> Dear all,
>
> I'm using JQuery UI datepicker in my jsp page, here's the way I'm using:
> [code]
> <s:textfield
> name="parentAndChildren[%{#ind.index}].segmentList[%{#stat.index}].departureDa
> te"
> size="7" cssClass="datepicker"/>
>
> <script type="text/javascript">
> $(function() {
> $(".datepicker").datepicker({
> changeMonth: true,
> changeYear: true,
> yearRange: '-5:+5',
> showOn: 'button', buttonImageOnly: true, buttonImage:
> 'images/calendar.gif'
> });
> });
> </script>
> [/code]
> It works fine if it's a new page. However, it doesn't work in an ajax page.
> Anyone can give me some hints? Thanks.
>
> Here's the info(from the same page) I found from firebug, it seems jquery
> doesn't do its work in the ajax part of the page.
> 1. ajax part(doesn't work)
> [code]
> <input
> id="segment_udpateSegmentList_parentAndChildren_0__segmentList_0__departureDat
> e"
> class="datepicker" type="text" value="7/5/10" size="7"
> name="parentAndChildren[0].segmentList[0].departureDate"/>
> [/code]
>
> 2. static part(works)
> [code]
> <input
> id="segment_udpateSegmentList_parentAndChildren_1__segmentList_0__departureDat
> e"
> class="datepicker hasDatepicker" type="text" value="12/10/09" size="7"
> name="parentAndChildren[1].segmentList[0].departureDate"/>
>
> [/code]
