1

モバイル剣道 ui を使用して動的なリストビューを作成しようとしています。DOM に何かを追加するときは、要素を初期化する必要があることを理解しています。jQuery を使用する場合は、次のようにします。

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

これが私がここでやろうとしていることの例です: http://jsfiddle.net/Ab3Yu/

動的に挿入された要素が他のリスト項目とは異なって見えることがわかりますが、どうすれば初期化できますか?

ありがとう。

4

2 に答える 2

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 は 2 番目のリストのデータソースです。

于 2014-04-23T11:51:17.800 に答える
0

クラスがありません 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 へのアイテムの追加に関するデモ

kendo-ui-web の listtview を使用する方法については、twitter データを web-listview にロード するデモへのリンクです。モバイル リストビューにもデータソース プロパティがあるため、これはモバイル リスト ビューでも機能します。

于 2012-10-25T22:37:14.967 に答える