ListView + Pager in MVVM databind

[Ernestas]

Hi,

when I use declarative syntax, e.g.

<div id="app">
      <div id="list" data-role="list" data-bind="source: productsSource" data-template="tmpl"></div>
      <div id="pager" data-role="pager" data-bind="source: productsSource"></div>
 </div>

 and use MVVM binding to bind to dataSource:

var vm= kendo.observable({
           productsSource: new kendo.data.DataSource({
                    pageSize: 4, page: 1,
                    serverFiltering: true,
                    serverSorting: true,
                    transport: {
                          read: {
                              url: "http://demos.telerik.com/kendo-ui/service/Products",
                              dataType: "jsonp"
                             
                              }
                    }
                })
                      
            });
         
         
          kendo.bind($("#app"), vm);  

 

 there are two requests to http://demos.telerik.com/kendo-ui/service/Products (one for list and one for pager).

The whole example could be seen on: http://dojo.telerik.com/OHeMI/2

It is possible to reduce request count only to one?

 

[Alexander Valchev]

Hi Dovydas,

In order to resolve the issue you should set a data-auto-bind="false" to the pager element. Here is a link to the updated example:

• http://dojo.telerik.com/OHeMI/3

Regards,
Alexander Valchev
Telerik

 

 

[Ernestas]

thanks a lot.