Implement own custom server side external filter using angular js .

2 posts, 0 answers
  1. Sean
    Sean avatar
    13 posts
    Member since:
    May 2012

    Posted 25 Aug 2016 Link to this post

    I have implement grid finally. Previously I could do it with less effort but now by using angular js, it has become really painful. I have posted code. I have my api to load data and api expects parameters. I cannot change api's parameter to  make it inline with the kendoGrid's request object. So I have created own view model and assigned the required parameters.

    Current status:

    -Data is rendered in the grid.

    -Pagination works perfectly.

    -Sorting also works but sort is not initialized on one click. I am wondering if there is change function for sort option like it has for pageable. Since I have assigned sort's values to my viewmodel in change() under DataSource, this changes the viewmodel's sort value after grid load. This is of no use for the first time. I have no idea where I am suppose to implement that....

    Problems to be addressed:

    -I would like to implement the custom filter on the grid rather than the one provided by the grid itself.

    -and the sorting problem as mentioned above. 




  2. Stefan
    Stefan avatar
    2236 posts

    Posted 26 Aug 2016 Link to this post

    Hello Sean,

    Regarding the two questions:

    1) Custom filter.
    Custom filter can be implemented by using the filter method of the Kendo UI DataSource:

    Additionally, I can suggest checking the following thread on our forum:

    2) Sorting issue: 

    I can assume that when the Grid is loaded the custom sorting is not applied. If my assumption is correct, please use the sort property of the DataSource to sort the Grid when it is initialized:

    Let me know if you need more information on this matter.

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top