Set related property in Javascript when property changes (half way there)

Question

Hi,
I have a timesheet entity and it has a related property called holiday. When the user is entering the date on the timesheet, I want the app to check if a holiday has been authorised for this date and if it finds a record then assign the found record to the
holiday property on my timesheet.
Here is my js code:
myapp.AddEditTimesheetHoliday.created = function (screen) {
// If a holiday or bank holiday is chosen, set times and other fields.
function onDatePropertyChanged() {
myapp.activeDataWorkspace.ApplicationData.HolidaysByUserAndDateRange(screen.TimesheetHoliday.HolidayDate).execute().then(function (result) {
var holiday = result.results[0];
screen.TimesheetHoliday.Holiday = holiday;
screen.TimesheetHoliday.addChangeListener("HolidayDate", onDatePropertyChanged);
By debugging in IE I can see the json returned and I can see my var holiday gets populated as I'd expect. However, on my screen I have some of those related properties on screen so that when it's populated they should be updated to give some valuble information
to the user.
This is my problem though. Despite the code seemingly working fine, the related controls on the screen do not show the fetched data. Here is my screen:
Am I right to asume that:
screen.TimesheetHoliday.Holiday = holiday;
would refresh the bindings on the html screen? If not, then is there a way in which I can do this?
Thanks in advance.
Paul.

Answer 1

Hi Paul,
Try adding the HolidaysByUserAndDateRange query to the screen with results returned as one. Will need code adjusting if multiple. Bind the parameter to
TimesheetHoliday.HolidayDate.
Then...
myapp.AddEditTimesheetHoliday.created = function (screen) {
// If a holiday or bank holiday is chosen, set times and other fields.
function onDatePropertyChanged() {
screen.getHolidaysByUserAndDateRange().then(function (result) {
var holiday = result.results[0];
screen.TimesheetHoliday.Holiday = screen.HolidaysByUserAndDateRange;
screen.TimesheetHoliday.addChangeListener("HolidayDate", onDatePropertyChanged);
I hope it all magically works.
Dave
ps: just seen your answer, but if you find that you start having problems with unsaved data and transaction boundaries then try this as it will resolve it.
Dave Baker | AIDE for LightSwitch | Xpert360 blog | twitter : @xpert360 | Xpert360 website | Opinions are my own. For better forums, remember to mark posts as helpful/answer.