Our pure JavaScript Scheduler component


Post by Aniket »

Team, I am having a duration field which increases/decreases as per the resize operation user performs.

I am showing this duration field on tooltip of the event, but even after successfull resize, the duration in the tooltip does not get reflected.

Below is the code I use to populate the tooltip data

 this.eventTooltipFeature = {
      template({ eventRecord }) {
          return `
          <table>
        <tr>
        <td>ID:</td>
        <td><strong>${eventRecord.id}</strong></td>
        </tr>
        <tr>
        <td style="padding-top:10px">Duration:</td>
        <td style="padding-top:10px">${eventRecord.totalDuration}</td>
      </tr>
      </table>
        `;
        }
}
The totalDuration field does not show the updated duration after the resize.


Any thoughts?
      }
    };

Post by mats »

totalDuration is your field? How do you update it after a resize? Please always post good context + code.


Post by Aniket »

yes mats its a field in my backend which calculates duration after resize (removing non working days)

this.eventTooltipFeature = {
      template({ eventRecord }) {
          return `
          <table>
        <tr>
        <td>ID:</td>
        <td><strong>${eventRecord.id}</strong></td>
        </tr>
        <tr>
        <td style="padding-top:10px">Duration:</td>
        <td style="padding-top:10px">${eventRecord.totalDuration}</td>
      </tr>
      </table>
        `;
        }
}

The tooltip does not get updated after resize operation, it shows the value when the first schedule was loaded.
Does nt reflect the data after resizing


Post by mats »

Ok, so sounds like your backend does not send it back correctly. Please look at the traffic sent back from the server and also verify you have defined the totalDuration field in your model.


Post Reply