Question

我正在尝试制作动态listview using mobile kendo ui。我明白当我向DOM添加东西时我必须初始化元素，如果我要使用jQuery，我会做类似的事情

$('#list').append(newElementStr);
$('#list').trigger('create');

这是我在这里尝试做的一个例子：http://jsfiddle.net/Ab3Yu/

你可以看到动态插入的元素与其他列表项看起来不同，我该如何初始化它？

感谢。

Answer 1

您始终可以在列表的DataSource上添加数据。以下是我将所有项目从一个列表转移到另一个列表的方式

function moveAllLeft() {
    var listView2 = $("#listView2").data("kendoListView");
    listView2.element.children().each(function() {
        listView2.remove($(this));
        var that = $(this);
        dataSource.add({
            ProductName : that[0].innerText
        });
    });
}

function moveAllRight() {
    var listView = $("#listView").data("kendoListView");
    listView.element.children().each(function() {
        listView.remove($(this));
        var that = $(this);
        dataSource2.add({
            ProductName : that[0].innerText
        });
    });
}

其中dataSource是第一个列表的数据源，dataSource2是第二个列表的数据源。

Answer 2

该课程遗失http://jsfiddle.net/Ab3Yu/2/

$('#list').append('<li><a href="#" class="km-listview-link" data-role="listview-link">' + 'Dynamic Item' + '</a></li>');
$('#list').append('<li><a href="#">' + 'Dynamic Item' + '</a></li>');

关于向ListView添加项目的演示

在how do i use listtview of kendo-ui-web上链接到demo loading twitter data into a web-listview。由于移动列表视图还有datasource property，因此这也适用于移动列表视图

如何使用Kendo UI动态插入元素

2 个答案:

关于向ListView添加项目的演示