Debugging Kendo ListView in Firefox Problem

[Matt Miller]

When i try to step through an event handler for my listview's change event, Firefox locks up. Can not click on any of the debugger menu items. Can't switch back to the console window. Browser becomes completely unresponsive. I am logging to the console window from my event handler, and no errors are mentioned.

I know this has to be something silly on my part, just wondered if any one else has experienced this problem. 

Here is the definition of my ListView : 

var carriers = $("#carrierList").kendoListView({
            selectable: true,
            pageable : true ,
            change: onChange,
            dataBound : onDataBound ,
            dataSource: t94StragglerCarriers,
            template : kendo.template($("#carrierTemplate").html())
        }).data("kendoListView");

Here is the event handler : 

function onChange() {
           var listView = $("#carrierList").data("kendoListView");
           var index = listView.select().index();
           var item = listView.dataSource.view()[index];
           console.log("Item " + index + " selected. Text = " + item.val);
       }

Again , this only happens when i try to debug this event handler in firefox.

Thanks in advance.

[Alexander Valchev]

Hello Matt,

This is not a know issue. Could you please try to prepare a small but runable jsBin sample which isolates the issue so we can take a look? Please provide such sample and we will check it right away.

Regards,
Alexander Valchev
Telerik

[Matt Miller]

http://jsbin.com/iGEmEVUP/4/edit

i think this is what  you want. Thanks again

[Alexander Valchev]

Hello Matt,

On my side the browser does not locks up. Anyway there are JavaScript errors, the example is not working because the ListView template which you use does not have a single root element.
You should wrap the content inside a <div> tag which will play the role of a root element.

<script type="text/x-kendo-tmpl"  id="template">
  <div> <!-- root -->
    <div id='carrierListVal_#:id#' class='k-textbox'>#:name#</div>
    <br/>
  </div>
</script>

For your convenience I updated the jsBin sample - now the correct items and indexes are loaded.

• http://jsbin.com/iGEmEVUP/8/edit
  
  

Regards,
Alexander Valchev
Telerik