Kendo UI TreeViewを使用してツリーを生成しています。ここにツリーのドキュメントがあります。
正常に動作しますが、 を使用してノードを展開 (開く) したいと思いますid
。
ここでいくつかのコードを見つけましたが、私のコードでは機能しません:
var serviceRoot = "search/treej.php";
homogeneous = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: serviceRoot,
dataType: "jsonp"
}
},
schema: {
model: {
id: "entity_id",
hasChildren: "child"
}
}
});
$("#treeview").kendoTreeView({
checkboxes: {
checkChildren: false
},
dataSource: homogeneous,
dataTextField: "value"
});
var $tree = $("#treeview").kendoTreeView(
{
select: function (event)
{
var $item = $(event.node);
console.log( $item );
alert( "selected" );
}
});
var $selected = $('#4'); // here i am passing static values
var $treePath = $selected.parentsUntil($tree, "li");
var treeView = $tree.data('kendoTreeView');
// Expand the tree in order to show the selected item
treeView.expand( $treePath );
// Gotta make both calls...
treeView.select( $selected );
treeView.trigger( 'select', {node: $selected} );
また、剣道のウェブサイトで次のコードを見つけました。
var dataSource = treeview.dataSource;
var dataItem = dataSource.get(5); // find item with id = 5
var node = treeview.findByUid(dataItem.uid);