using "Pull down to refresh " gives me "a.scroller is undefined" error

[Lee]

using "pullToRefresh: true," on a listview element gives me "a.scroller is undefined" error.  If I comment out   "pullToRefresh: true," I do not get the error.  Can anyone see what Im doing wrong here?

<div data-role="view" data-title="Control Panel - Mobile" id="listtickets" data-init="listTicketsInit">

     <h2>Tickets</h2>

     <p><a data-align="left" data-role="button" href="/support/newticket/">New ticket</a></p> 

     <ul id="support_list" data-style="inset" > 

          

     </ul>

 </div>

      

 

<script id="support_list_template" type="text/x-kendo-template">

     <li style="font-weight:normal" >

         <div style="float:left; width:20% ">

             #= DateCreated #

         </div>

          <div style="float:left; width:80% ">

             <a href="/support/view/#= ThreadID #">#= Subject #</a>

         </div>

      </li>  

</script>

 

<script>

  function listTicketsInit() {

     

       

      var ticketdata = <?=json_encode($tickets)?>;

        

       var dataSource = new kendo.data.DataSource({

           data: ticketdata,

           dataType: "json",

           schema: {

             model: {

                 id: "ThreadID",

                 fields: {

                     DateCreated: "DateCreated",

                     ThreadID: "ThreadID",

                     Subject: "Subject"

                    }

                }

            } 

        });

 

       $("#support_list").kendoMobileListView({

           dataSource: dataSource,

           pullToRefresh: true,

           appendOnRefresh: true,

           template: $("#support_list_template").text()

       });

Many thanks

[Petyo]

Hello,

This is a known limitation of the present implementation (we may consider improving that for future releases). You can use the pullToRefresh only with declarative widget initialization syntax.  

Regards,
Petyo
the Telerik team