Javascript 是否更改setDataSource上Kendo Mobile ListView的模板?

Javascript 是否更改setDataSource上Kendo Mobile ListView的模板?,javascript,jquery,javascript-events,kendo-ui,kendo-mobile,Javascript,Jquery,Javascript Events,Kendo Ui,Kendo Mobile,我正在使用setDataSource方法更改数据源,但也需要更改模板。不过,动态更改模板似乎不起作用 下面是我所拥有的,JSFIDLE在这里:。请注意,单击按钮组时,在“onFilter”事件中,它不会更改为“Template 2”。这是一个错误还是我做错了 new kendo.mobile.Application(); var ds1 = new kendo.data.DataSource({ data: [{ stagename: "ds1 A",

我正在使用setDataSource方法更改数据源,但也需要更改模板。不过,动态更改模板似乎不起作用

下面是我所拥有的,JSFIDLE在这里:。请注意,单击按钮组时,在“onFilter”事件中,它不会更改为“Template 2”。这是一个错误还是我做错了

new kendo.mobile.Application();

var ds1 = new kendo.data.DataSource({
    data: [{
        stagename: "ds1 A",
        b: "1b"
    }, {
        stagename: "ds1 B",
        b: "2b"
    }]
});

var ds2 = new kendo.data.DataSource({
    data: [{
        stagename: "ds2 A",
        b: "1b"
    }, {
        stagename: "ds2 B",
        b: "2b"
    }]
});

var onFilter = function (e) {
    var lv = $("#stages_listview")
        .data('kendoMobileListView');

    //CHANGE TEMPLATE DOESN'T WORK
    lv.options.template = this.selectedIndex == 0
        ? $("#stages_listview_template1").html()
    : $("#stages_listview_template2").html();

    lv.setDataSource(this.selectedIndex == 0 ? ds1 : ds2);
};

$("#stages_listview").kendoMobileListView({
    dataSource: ds1,
    template: $("#stages_listview_template1").html()
});

以下方面应起作用:

lv.template = kendo.template("<li data-uid='#=uid#'>" + 
              (this.selectedIndex == 0  ? 
               $("#stages_listview_template1").html() :
               $("#stages_listview_template2").html()
              ) + 
             "</li>");
lv.template=kendo.template(“”+
(this.selectedIndex==0?
$(“#stages_listview_template1”).html():
$(“#stages_listview_template2”).html()
) + 
“”;

Thx。它看起来确实像一只虫子。我希望它是固定的,或者更好,为setDataSource添加一个可选参数以提供模板。