listview change event not firing

2 posts, 0 answers
  1. john
    john avatar
    9 posts
    Member since:
    Jun 2009

    Posted 28 Apr 2015 Link to this post

    I have a listview defined as follows:

       <div data-role=" listview"
                         data-bind="source: people,
                                visible: isVisible,
                                 events: {
                                  change: onChange
                         style="float:left; width:100%; height: 370px;display:block;overflow: auto">



    now listview nicely shows my array of items but I need to update another view when the user selects a new row.My VM looks like:

    var viewModel = kendo.observable({
        isVisible: true,
        onChange: function (){
            var data = dataSource.view(),
                selected = $.map(, function (item) {
                    return data[$(item).index()].ProductName;

            kendoConsole.log("Selected: " + selected.length + " item(s), [" + selected.join(", ") + "]");
        onSave: function (e) {
            kendoConsole.log("event :: save(" + kendo.stringify(e.values, null, 4) + ")");

        person: {
            Name:"John Doe"


    notice the debugger statement in the onChange function , well it is never hit as no idea what happened to the change event. I would have used Angular but

    it has a problem that caused us to drop back to MVVM (Knockout). even if I make onChange a global function it does not fire.


    Very confused




  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 30 Apr 2015 Link to this post

    Hello John,

    Please enable the selectable option in order the selection to work and change event to be fired. Please check example. 

    Boyan Dimitrov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top