hello all – total grid newbie here.

i am trying to think of the simplest way to interface the awesome grid with existing projects.   so it seems to me the simplest is just to load the grid and monitor any changes.

is there a better way to make sure a change has actually occurred?  all i can think of is to “capture” the value before any change attempt is made by setting an “originalValue” property like so: (sorry i cannot figure out how to indent except using underscores)

const grid = document.querySelector('smart-grid');
grid.editing.enabled = true;   // maybe better to do this in the grid definition?

grid.addEventListener( 'beginEdit', event => {
__const element = event.currentTarget;
__element.setAttribute('originalValue', event.detail.value);
});

grid.addEventListener( 'endEdit', event => {
__const element = event.currentTarget;
__if ( element.getAttribute('originalValue') != event.detail.value ) {
____console.log('id:', event.detail.id, 'name:', event.detail.dataField, 'value:', event.detail.value, 'old value:',element.getAttribute('originalValue'));
____console.table(event.detail.row.data);
__} else {
____console.info('skipping, no changes');
__}
});

opinions?

example here:  https://codepen.io/edwardsmarkf/pen/dywbPVy

• This topic was modified 1 year, 3 months ago by edwardsmarkff.
• This topic was modified 1 year, 3 months ago by edwardsmarkff.
• This topic was modified 1 year, 3 months ago by edwardsmarkff.
• This topic was modified 1 year, 3 months ago by edwardsmarkff.
• This topic was modified 1 year, 3 months ago by edwardsmarkff.
• This topic was modified 1 year, 3 months ago by edwardsmarkff.