[TreeView] ノードの追加と削除

by Wijmo5_jp

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/cultures/wijmo.culture.ja.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.nav.min.js"></script>
<script src="https://cdn.grapecity.com/samples/wijmo/jp/scripts/sample.js"></script>
<button onclick="addNode()">子ノードを追加</button>
<button onclick="removeNode()">ノードを削除</button><br>
<div id="treeView"></div>

JavaScript

var treeView = new wijmo.nav.TreeView('#treeView', {
  itemsSource: sample.productsTree(),
  displayMemberPath: '名前'
});

function addNode() {
  treeView.selectedNode.addChildNode(0, { 名前: '新しい製品' });
}
function removeNode() {
  treeView.selectedNode.remove();
}