Hi,
I have attached a demo project and have fallowing issues in it:
1. I am fetching the 1000 records from Web API and binding to IgGrid, it is taking long time to render, do you have any better approach for it?.
2. I have a date time column in the IgGrid, if I apply filter on this column after after loading the grid first time, it wont filter , it will throw java script error.
3. what is the best approach to have server side paging?
4. how can I set the total record count in the in IgGrid pager template, after having the server side pagination?
please revert back to me for any clarifications.
For all my issues, please modify my attached code and send it back to me. looking forward for quick reply.
Thank You
Thank you for the update.
The time consuming issue is because of the long observable array.
Regarding the approach that you may use to achieve paging is through the observable model by adding
pageSize, pageIndex, recordCountKey, etc
http://help.infragistics.com/jQuery/2013.1/ui.iggridpaging
You may find a way how to implement this in the igGrid:
http://help.infragistics.com/NetAdvantage/jQuery/2013.1/CLR4.0?page=igGrid_Paging.html
But as you are using observable you may need to pass the parameters through the viewModel.
Let me know if you need further assistance.
Hi Tsvetelina Georgieva,
Thanks for the reply and for the sugestions , But unfortunately that did not work in my case. Below are the things that I am looking to implement using the Ignite UI grid.
1. Look inot the sample and sugeest if there is any beteer way to do the data binding to improve the grid loading performance. In this sample I load just 1000 records (3 properties) its take a long time to load.
1. Can you give us a sample that implements server side paging using ignite UI grid, so that I load the current page data only on the client and next page request would fetch from the server again.
2. I am still getting the error with the date filtering even after adding jquery.ui.timepicher.js . This how you can reporducte it, * Run my attached sample and wait for data to load. * Click "Joining date" column filter option and select a option with "Today" condition. you will observe that data will not filter instead it will through javascript error if you use IE browser or it will go on spinning(waiting cursor) infinitely if you use other browser.
Hope my above concerns are clear now , please let me know your sugesstions for the same at the earliest.
Thank you..
Hello,
Thank you for your interest in igGrid.
I was looking at your issues and I can give you some directions in order to force the filtering in your case.
First of all you should add the pageSize as an option of the igPaging feature.
Using remote paging and igGrid bound to knockout View-Model of in not an approach.
So you need to set explicitly the type of the paging to be local
{
name:'Paging',
type:'local',
pageSize: 10
},
Regarding the Filtering issue, I was not able to reproduce it.
Please make sure that the jquery.ui.timepicher.js is listed after jquery script.
I'm sending you back the updated project.
Let me know if you need further questions, we'll continue following your case.
I am looking forward quick reply from you, as we need to decide whether to go for Ignite UI IgGrid for one our project in next week, please revert back to me with the status ASAP.
Thank You,