Deleting rows from table about jsgrid HOT 8 CLOSED

Hi,

Thank you!
According to docs for deleteItem, it accepts item|$row|rowNode is the reference to the item or the row jQueryElement or the row DomNode. Since js literal object {} is a new object, so the item just cannot be found in the grid data.

To make it work you can use a reference to item:

$(element).jsGrid("deleteItem", data[0]); // delete first item

Docs link: http://js-grid.com/docs/#deleteitemitemrowrownode-promise

from jsgrid.

Tabalinas, I figured out the problem. I was using the data option and not the controller option to load my data. As soon as I changed it to use loadData function, everything worked.

Thanks

from jsgrid.

One more question, is there a way to batch delete?

from jsgrid.

If you mean batch delete with UI, it can be done with custom field to select several items.
See following fiddle http://jsfiddle.net/tabalinas/40atrzbo/
Hope it's what you mentioned.

from jsgrid.

Fixed

from jsgrid.

@tabalinas I need a help.
I'm trying to implement batch delete with UI based on your fiddle source code.
Here's my fiddle => http://jsfiddle.net/40atrzbo/78/

And I get this error on my console.

I needed callback listener when all file deleted. So I added callback function when file deleted as below.

$("#jsgrid").jsGrid("deleteItem", item).done(function() {
    console.log("Delete completed.");
});

It works well, but if the jsGrid instance has pages, the error keep occurring at the every last child of all pages except first page, and it only happens if you selected multiple rows, but a single row.
And the last child row won't be deleted.
It seems it's a bug. Is there any solution for it?

I will be thankful with any comment!

from jsgrid.

Sorry I fixed by myself.
It is happening because of loadStrategy and every time when I delete some row the page is go back first page, so when the code try to delete second row, the row is not exists at current view anymore.
This answer helped me a lot => #43

jsGrid.loadStrategies.DirectLoadingStrategy.prototype.finishDelete = function(deletedItem, deletedItemIndex) {
    var grid = this._grid;
    grid.option("data").splice(deletedItemIndex, 1);
    grid.refresh();
    if (grid.option("data").length == 0) {
        grid.reset();
    } else if (grid._content[0].children.length == 0) {
        var targetPageIndex = grid.pageIndex == 1 ? 1 : grid.pageIndex - 1;
        grid.openPage(targetPageIndex);
    }
}

from jsgrid.

@wonsuc, glad that you figured it out.

from jsgrid.