Google App Maker onClick event running asynchronously

Question

I have a table binded to a datasource which is a production plan model. I have added a button on each row which sends the production plan item to the production when clicked. Note that I have two boolean fields which indicate whether the item is on plan or sent to production. The datasource which is connected to the table has this query builder expressions and only shows planned production lines: planned = :true

My button onClick event code is below:

widget.datasource.item.planned = false;
widget.datasource.item.inProduction = true;
app.datasources.productionPlan.load();

What I want to achieve is I want this button to send item to the production and reload datasource in order to not include the item which is sent to the production. However, these code lines run asynchronously and I think that datasource reloads before boolean changes. Is there any way to make client scripts rows on onClick event of a button run in particular order?

Pavel Shkleinik Pavel Shkleinik · Accepted Answer · 2018-06-15T16:14:25

The most reliable way to handle it will be using Manual Save mode for the productionPlan datasource:

var ds = widget.datasource;

ds.item.planned = false;
ds.item.inProduction = true;

ds.saveChanges({
  success: function() {
    app.datasources.productionPlan.load();
  },
  failure: function(error) {
   // todo
  }
});

You can also consider hiding the row immediately to make the app feel faster:

widget.parent.visible = false;

Google App Maker onClick event running asynchronously

1 Answers