ノードを追加する

書式

treeObject.setDynamicLoad(func)

treeObject : ツリービューオブジェクト
func : 追加処理を行う関数

説明

　ノードを追加するにはsetDynamicLoad()を使います。パラメータにはラベルの追加処理などを行う関数を指定します。関数には2つのパラメータが渡されますが、ノードを追加し終わったら2番目のパラメータとして渡された関数を呼び出す必要があります。
Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<link rel="stylesheet" href="css/tree.css" type="text/css" media="all">
<script type="text/javascript" src="yahoo.js"></script>
<script type="text/javascript" src="dom.js"></script>
<script type="text/javascript" src="event.js"></script>
<script type="text/javascript" src="treeview.js"></script>
<script type="text/javascript"><!--
var tree, baseNode;
window.onload = function(){
tree = new YAHOO.widget.TreeView("treeData");
baseNode = new YAHOO.widget.TextNode("素材集", tree.getRoot(), true);
tree.draw();
}
function newNode(){
tree.setDynamicLoad(addFunc);
tree.draw();
}
function addFunc(node, completeCallBack){
var txt = YAHOO.util.Dom.get("text1").value;
new YAHOO.widget.TextNode(txt, baseNode, true);
completeCallBack();
}
// --></script>
</head>
<body>
<h1>ノードを追加する</h1>
<form>
<input type="text" value="Sample" id="text1">
<input type="button" value="追加する" onClick="newNode()">
</form>
<div id="treeData"></div>
</body>
</html>