Wijmo 5 Flexgrid基礎チュートリアル:追加と削除
1905 ワード
テーブルコントロールでは、WinFormプラットフォームで簡単に実現できるように、追加と削除が基本です.では、HTML 5に基づいて、私たちはどのようにこの機能を実現しますか?flexgridの基本的な操作:削除を増やすことについて説明します.
追加と削除を学ぶ前に、wijmo 5のもう一つの重要な概念:CollectionViewを理解する必要があります.ICollectionViewインタフェースによって継承され、標準的なJavaScript配列でデータが提供されます.CollectionViewクラスは、次の3つのインタフェースから継承されます.
したがって、現在のデータを容易に取得し、ソート、フィルタリング、グループ化、削除の追加、ページングすることができます.この基礎として,それを継承するIEditableCollectionViewインタフェースを用いて増加と削除を実現することを紹介する.
ふえる
1.addNew
CollectionViewのaddNewメソッドでは、新しいitemをコレクションに追加できます.このメソッドにはパラメータはありません.新しいデータを追加した後、commitNewとcancelNewのメソッドを使用してデータのコミットやキャンセルを行う必要があります.一般的な使用方法:
// create the new item, add it to the collection var newItem = view.addNew(); // initialize the new item newItem.id = getFreshId(); newItem.country= 'Chinese' ; // commit the new item so the view can be refreshed view.commitNew(); 2.CollectionView.Items.push
CollectionViewを通ります.Itemsは現在のデータを取得し、pushで新しいデータを追加します.コード参照:
var cv = grid.itemsSource; var data = cv.items; data.push({ id: cv.items.length, country: countries[i % countries.length] }); cv.refresh(); 削除
CollectionViewでは、指定したアイテムを削除したり、アイテムのインデックスに基づいてアイテムを削除したりするremoveメソッドとremoveAtメソッドが用意されています.CollectionViewを使用します.CurrentItemは現在選択されているアイテムを取得できるので、選択したアイテムのコードリファレンスを削除します.
var cv = grid.itemsSource; cv.remove.remove(cv.currentItem); cv.refresh(); 本稿ではflexgridの追加と削除を容易に行うことができます.
テキストのソースコードダウンロード:flexgrid_addremove.zip (73.05 kb)
PS:ComponentOneについては、これらの製品に注目してください>>
本文はブドウ城から転載した.