Custom Widget grist.onRecords

JuanJosePablos · June 4, 2023, 8:15pm

I setting up a simple report for customers and services using the vuzejs template language.
You can view on this public document:
https://docs.getgrist.com/sQi1b8KWPxUB/SimpleNote/p/2

I have a little problem, If I select a different customer, the report does not update. . I could reload the frame, that the right content get displayed

I put all the java script in the same file to better debug the problem. I guest that it has to do with the life of the data variable. but I am not sure…

how can i force a reload of the custom widget content?

paul-grist · June 5, 2023, 12:23pm

Hi @JuanJosePablos, to get a notification when the selected row changes, you could use grist.onRecord (note the singular onRecord versus the plural onRecords)

I see one example of it being used along with Vue.js here:

github.com

gristlabs/grist-widget/blob/10aec2dcbe5e9b37531aa7e47efd238e08c91f48/pedigree/pedigree.js#L37-L53


      
          function updateRecord(row) {
            try {
              data.status = '';
              if (row === null) {
                throw new Error("No data. Please add or select a row");
              }
              if (!row.PedigreeData) {
                throw new Error('Need a column named "PedigreeData", with a formula like "RECORD(rec, expand_refs=5)"');
              }
              if (!('Dam' in row.PedigreeData && 'Sire' in row.PedigreeData)) {
                throw new Error(`Need columns for parents named "Dam" and "Sire"`);
              }
              data.animal = {...row.PedigreeData};
            } catch (err) {
              handleError(err);
            }
          }