Server Filtering, Sorting, Paging and CRUD on Kendo UI Grid, with editable detail, in C# and JavaScript

  • 0

Server Filtering, Sorting, Paging and CRUD on Kendo UI Grid, with editable detail, in C# and JavaScript

  1. First we build the grid
  2. next we add the detail
  3. then we make the detail editable
    1. disable fields unless edit is clicked on master row
    2. enable fields when edit is clicked
    3. disable fields if cancel is clicked.
    4. bind the detail fields to the model
  4. Add CRUD to the transport, since we are using anti forgery tokens, we will also need a parameter map
  5. Set up Server Sorting
    1. view
      1. add serverSorting: true to the datasource
    2.  model
      1. we need to get the Sorting, Filtering from our grid and put it in our own model
      2. DataSource request only handles Server Paging if you are using the JavaScript version.
    3. controller
      1. copy  Option.sort to request.Sorts
  6. Server Filtering
    1. view
    2. model
    3.  controller
      1. add Option.filter.filters to request.Filters

 


Leave a Reply