Question

Can someone please shed some light on this one for me?

I cannot figure out why there is a null root that renders for the JSON objectthat i am returning. The children are present in the JSON and the rendered js.

<ul class="dynatree-container">
<li class="dynatree-lastsib">
<span class="dynatree-node etc">
<span class="dynatree-expander"></span>
<span class="dynatree-icon"></span>
    *<a class="dynatree-title" href="#">null</a>*
</span>
    <ul style="">
        <li class="">
        <span class="dynatree-node etc">
        </li>
        <li class="">
            <span class="dynatree-node etc">
        </li>
        <li class="">
        <li class="">
        <li class="">
        <li class="">
        <li class="dynatree-lastsib">
    </ul>
 </li>
</ul>

Here is a truncated(for space) returned JSON object:

  "children": [
    {
      "key": "0",
      "title": "new  2.txt",
      "isFolder": false,
      "isLazy": false,
      "activate": false,
      "focus": true,
      "expand": true,
      "select": false,
      "hideCheckbox": false,
      "unselectable": false,
      "icon": "images/word.gif"
    },
    {
      "key": "0",
      "title": "tmp001.xls",
      "isFolder": false,
      "isLazy": false,
      "activate": false,
      "focus": true,
      "expand": true,
      "select": false,
      "hideCheckbox": false,
      "unselectable": false,
      "icon": "images/word.gif"
    },
    {
      "key": "0",
      "title": "new  4.txt",
      "isFolder": false,
      "isLazy": false,
      "activate": false,
      "focus": true,
      "expand": true,
      "select": false,
      "hideCheckbox": false,
      "unselectable": false,
      "icon": "images/word.gif"
    }
  ]

And here is my javascript:

  <script>
    $(function(){
    $("#tree").dynatree({
        rootVisible:true,
        title:"Queue",
        rootCollapsible: false,
        selectionVisible: true,
        initAjax: {
            url: 'userProjectQueue.ge',
            cache:false
        },
    onActivate: function(node) {
      $("#echoActive").text(node.data.title + "(" + node.data.key + ")");
    },
    onDeactivate: function(node) {
      $("#echoActive").text("-");
    },
    dnd: {
      onDragStart: function(node) {

        logMsg("tree.onDragStart(%o)", node);
        if(node.data.isFolder)
          return false;
        return true;
      },
      onDragStop: function(node) {
        logMsg("tree.onDragStop(%o)", node);
      }
    }
  });

Thanks

Answer 1

rootVisible/rootCollapsible is no longer supported in the latest versions (the system root is always hidden). You should also not pass identical keys (it’s ok to omit them though).