Prevent Changing Row

kane81

Hi
I have a Grid and show the side editor - how can I prevent the user click on another row in the grid when the side editor is open?

let editorOpen = $state(false);
const init = (api) => {
		api.intercept('open-editor', ({ id }) => {
		   editorOpen = true;
		});
		api.on('select-row', ({ id }) => {
			if (editorOpen) {
                           // prevent row selection somehow?
                        }
		});
	};

kane81

Hi,
I still need help with this please....

FYI I managed to open the editor in single click mode :)

api.on('select-row', ({ id }) => { // Trigger the 'open-editor' action on single-click if (valuesToEdit === null) { api.exec('open-editor', { id }); } return false; });

however, yeah I need to prevent being able to select other rows while the editor is open still as I want to display a message saying they have unsaved changes.

tasha

Hello kane81

To prevent selection of other rows you need to use intercept method instead of on:

    api.intercept("select-row", (data) => {
      if (!dataToEdit) {
        api.exec("open-editor", data);
      }
        return false;    
    });

Please check the example: https://stackblitz.com/edit/sveltejs-kit-template-default-xmzhqwdt?file=src%2Froutes%2FMyEditor.svelte