Event handler when using partial page refresh ?

Question

Hi
I have a calendar, which uses partial page refresh. The problem is how to make javascript wait until the calendar has loaded and then do some updates on the calendar (after the user has pressed the next button that runs apex.widget.calendar.ajax_calendar('S','next');, for example ). I thought I could add "onreadystatechange" (or onload) event handler to the calendar like this: onreadystatechange="checkState()", where the function would check the state and if ready then do the updates. This doesn't work. Could somebody please tell me why not ?
Tiina

Answer 1

Hi,
It seems that ajax calendar missing event apexafterrefresh.
I do not know is this "bug" or just feature.
That event would be useful to your case , if I understand correct what you looking for.
For workaround , you can over write original function by placing this to calendar region footer
<script>
apex.widget.calendar.ajax_calendar=function(p_calendar_type, p_calendar_action, p_calendar_date, p_calendar_end_date){
var l_cal_type_field = $v('p_cal_type_field_id');
var l_cal_date_field = $v('p_cal_date_field_id');
var l_cal_end_date_field = $v('p_cal_end_date_field_id');
var l_cal_id = $v('p_calendar_id');
var l_calendar_region = 'calendar' + l_cal_id;
if ( p_calendar_type != 'C' ){
  $s(l_cal_date_field,$v('p_calendar_date'));
}else{
  if ( $v(l_cal_date_field) == '' ) {
   $s(l_cal_date_field,$v('p_calendar_date'));
  if ( $v(l_cal_end_date_field) == '' ) {
   $s(l_cal_end_date_field,$v('p_calendar_end_date'));
// create and apex.ajax.widget object
var a = new apex.ajax.widget('calendar',function(){
  /* start the return function */
  if(p.readyState == 1){
   document.body.style.cursor = "wait";
  }else if(p.readyState == 2){
  }else if(p.readyState == 3){
  }else if(p.readyState == 4){
   $x(l_calendar_region).innerHTML = p.responseText ;
   $s(l_cal_date_field,$v('p_calendar_date'));
   if (p_calendar_type == 'C') $s(l_cal_end_date_field,$v('p_calendar_end_date'));
   document.body.style.cursor = "";
  /* DO HERE THINGS AFTER CALENDAR REFRESH */
  }else{return false;}
// code for next,previous and today
if (p_calendar_type == 'S'){
  p_calendar_type = $v('p_calendar_type');
}else{
  $s(l_cal_type_field,p_calendar_type);
a.ajax.addParam('p_widget_mod',p_calendar_type);
a.ajax.addParam('p_widget_action',p_calendar_action);
a.ajax.addParam('x01',l_cal_id);
var lDate = (!!p_calendar_date && p_calendar_date !== '')?p_calendar_date:$v(l_cal_date_field);
if (p_calendar_type == 'C') {
  var lendDate = (!!p_calendar_end_date && p_calendar_end_date !== '')?p_calendar_end_date:$v(l_cal_end_date_field);
a.ajax.add(l_cal_date_field,lDate);
if (p_calendar_type == 'C') a.ajax.add(l_cal_end_date_field,lendDate);
a.ajax.addParam('x02',lDate);
if (p_calendar_type == 'C') a.ajax.addParam('x05',lendDate);
a.ajax.add(l_cal_type_field,p_calendar_type);
a._get();
</script>Where I have comment *"do here things after calendar refresh"*, you can hook own scripts.
Of course this is not best way, but might help you till ajax calendar support dynamic actions fully
Regards,
Jari
Edited by: jarola on Oct 20, 2010 3:11 PM