KnockoutJSで jQuery ColumnListView ライブラリ ( http://code.google.com/p/jcvl/が見つかりました) を使用しようとしています。
jCOlumnListView で onItemChecked イベントが発生したときに、ViewModel で関数を起動しようとすると問題が発生します。
次に例を示します。
var items = jQuery.fn.jColumnListView({
id: 'heirarchyclv',
width: 400,
columnWidth: 150,
columnHeight: 200,
columnMargin: 8,
paramName: 'columnview',
columnNum: 4,
appendToId: 'heirarchy',
elementId: 'heirarchyTest',
removeAfter: false,
columnMinWidth: 120,
columnMaxWidth: 200,
childIndicator: true,
leafMode: true,
checkAndClick: true,
useSplitters: false,
onItemChecked: function (item) {
// fire the showChildren method on the ViewModel
}
});
これは、html でバインドされている ul のデータがロードされた後に設定されます。最初のリスト ビューのリストは正常に動作しますが、リスト内のボタンをメソッドにバインドしたかのように、ビュー内の項目の 1 つをクリックしてメソッドshowChildren
を起動できるようにしたいと考えています。ViewModel
showChildren
おそらく次のようなことができると思っていました: onItemChecked: function (item) { console.log(item); ko.contextFor(item.elems.elem[0]).showChildren(); }
ko.contextFor(item.elems.elem[0])
しかし、その結果、定義されていない js エラーが発生します。
どんな助けでも大歓迎です。この質問を改善できるかどうか教えてください。