[CLOSED] General store questions : insert/remove, dirty, getRowsValues

[tMp]

Hi

I got a few general gridpanel store questions on how to do it the right/best way:


Setting:
I have a simple gridpanel with an attached store, nothing fancy.

1)
To insert a row directly via javascript:

#{STORE}.insert(index, records);

It is working flawlessly but is this correct? What about the dirty flag? Because I don't see it in the gridpanel row...

2)
To remove a row directly via javascript:

#{STORE}.removeAt(#{STORE}.indexOf(record));

It is working flawlessly but is this correct? What about the dirty flag?

3)
I would like to submit via a DirectMethod the dirty rows of this grid...

#{GRIDPANEL}.getRowsValues({dirtyRowsOnly: true});

doesn't submit any rows at all. I would love to get an array or something in code behind where I can quickly filter the deleted and new ones to update my database.

Thank you very much.

[Daniil]

Hi @tMp,

1)
To insert a row directly via javascript:

#{STORE}.insert(index, records);

It is working flawlessly but is this correct? What about the dirty flag? Because I don't see it in the gridpanel row...

The dirty flag means that an existing record has been modified. If you insert a new record, it is treated as a new one. There is a possibility to highlight a new record:
https://examples2.ext.net/#/GridPane...rking_Records/

If you need to retrieve all new records, you can use:

store.getNewRecords();

2)
To remove a row directly via javascript:

#{STORE}.removeAt(#{STORE}.indexOf(record));

It is working flawlessly but is this correct? What about the dirty flag?

Correct. Or the remove method:

#{STORE}.remove(records); // records can be a single record or an array of records

Do you need something to retrieve the deleted records further? If so, you can use:

store.getRemovedRecords();

3)
I would like to submit via a DirectMethod the dirty rows of this grid...

#{GRIDPANEL}.getRowsValues({dirtyRowsOnly: true});

doesn't submit any rows at all. I would love to get an array or something in code behind where I can quickly filter the deleted and new ones to update my database.

To get all the updated, removed, new records, please use:

store.getChangedData();

Here is an example:
https://examples2.ext.net/#/GridPanel/Update/Batch/

[tMp]

Hi Daniil,

Thanks for you answers!

1) pefect!

2) change it because it looks easier to me your way ;)

3) have to play a little bit with it because I got some questions how this example works...

- Why the

Before="return #{Store1}.isDirty();"

?

- Can I use

"#{Store1}.getChangedData();"

in a DirectMethod too? Because I am only using DirectMethods without any "record"-objects to store the extraParams on the server side. I would like to just go through the created/deleted/changed records an save them directly to the database...

Thank you very much.

[Daniil]

- Why the

Before="return #{Store1}.isDirty();"

?

Returing false from a DirectEvent's Before handler prevents that DirectEvent. If no change in the Store, then nothing to save, then no need in the DirectEvent.

Store's isDirty

isDirty : function () {
    return this.getNewRecords().length > 0 || this.getUpdatedRecords().length > 0 || this.getRemovedRecords().length > 0;
}

You see it takes updated, removed, new records into account. So, it is not the same as a record's dirty flag.

- Can I use

"#{Store1}.getChangedData();"

in a DirectMethod too? Because I am only using DirectMethods without any "record"-objects to store the extraParams on the server side. I would like to just go through the created/deleted/changed records an save them directly to the database...

Yes, you can. Just use it as a DirectMethod argument. Please do not forget to encode:

App.Direct.SomeDirectMethod(Ext.encode(store.getChangedData()));

[tMp]

@Daniil

Thank you very much. Everything working smoothly now!