Hello,
When paging and filtering is enabled and when manually adding a row while a filter value is typed in, the grid does not correctly show the new row when it matches the filter value. I have reproduced this in following JSFiddle: http://jsfiddle.net/qqjwvbmb/.
Hi Michael,
Do you need any further assistance regarding this matter?
Regards,
Tsanna
Hello Michael,
I am glad that you find my suggestion helpful.
This could not be considered as a bug since the addRow method adds the row in the underlying data source. However, filtering is not being reapplied and this is why you need to call dataBind method of igGrid. Calling this method will apply filtering expressions (if the persist option is set to true ,which is the default value).
Please let me know if you need any further assistance with this matter.
Hello Vasya,
Thank you for delivering a workaround, I have implemented this solution and it works. Is this considered a bug and will this be fixed in any future releases?
Thank you for posting in our community.
What I can suggest is calling dataBind method of the igGrid after adding the row. This will ensure that data is going to be updated in the data source and it is going to be rerendered. For example:
[code]
$(document).on("click", "button", function (event) { $("#grid").igGridUpdating("addRow", { "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903" }); $("#grid").igGrid("dataBind");
$("#feedback").append("As you can see, the grid does not refilter automatically for the newly added row. When you remove the active filter value, and retype it, the grid will correctly show the matching row."); });
[/code]
I also updated the provided sample and it could be found at:
jsfiddle.net/.../
I hope you find this information helpful.