addChildメソッドを使用できません

Question

私はdynatreeプラグインを初めて使用しています。ノードを動的に追加しようとしています。 私のコードは以下の通りです：

function DrawTree() { 
var names = GetChildName(); 
var rootNode = $("#ProcessRoleTree").dynatree("getRoot"); 
var childNode = rootNode.addChild({ title: names[0].Name }); 
} 

実行時にエラーが

Microsoft JScript runtime error: Object doesn't support this property or method

を表示午前私は何かが足りません？ 私は必要なライブラリが含まれていることを確認しています：事前に

<script src="Jquery/jquery/jquery.js" type="text/javascript"></script> 
<script src="Jquery/jquery/jquery-ui.custom.js" type="text/javascript"></script> 
<script src="Jquery/jquery/jquery.cookie.js" type="text/javascript"></script> 

<link href="Jquery/src/skin-vista/ui.dynatree.css" rel="stylesheet" type="text/css" /> 
<script src="Jquery/src/jquery.dynatree.js" type="text/javascript"></script> 

感謝を！

Answer 1

これはあなたの問題ではないかもしれませんが、それは価値があります。他のライブラリでjQueryを使用すると、競合するコードと競合することがあります。 jQueryは$記号をjQueryのショートカットとして使用します。 dynatreeライブラリーは、その機能にドル記号も使用します。

私のツリーを実装するときにこの問題に遭遇しました。これは私がそれを修正した方法です。ご覧のとおり、すべての '$'を 'jQuery'に置き換えました。

<script type="text/javascript"> 
jQuery.noConflict(); 

function DrawTree() { 
    var names = GetChildName(); 
    jQuery("#ProcessRoleTree").dynatree(); 

    var rootNode = jQuery("#ProcessRoleTree").dynatree("getRoot"); 

    //Try adding a key 
    var childNode = rootNode.addChild({ title: names[0].Name, key: "001" }); 
} 
</script> 

Answer 2

dynatree("getRoot")に電話する前に、まずツリーを初期化する必要があります。最も単純な例では

function DrawTree() { 
    var names = GetChildName(); 
    $("#ProcessRoleTree").dynatree(); 
    var rootNode = $("#ProcessRoleTree").dynatree("getRoot"); 
    var childNode = rootNode.addChild({ title: names[0].Name }); 
} 

が動作するはずです。代わりに、他の多くのオプションをツリーのinitステップに渡すことができます。 the documentationを参照してください。