1. 程式人生 > >JSTree--JSON--AJAX動態載入JSON資料

JSTree--JSON--AJAX動態載入JSON資料

專案中往往結點往往需要動態從資料庫中載入,JSON資料比xml資料更高效。

例子1:從json檔案載入資料

$(function() {
  $("#demo1").jstree({
   "json_data" : {
    "ajax" : {
     "url" : "_json_data.json",
     "data" : function(n) {
      alert(n);
      return {
       id : n.attr ? n.attr("id") : 0
      };
     }
    }
   },
   "plugins" : [ "themes", "json_data" ]
  });
 });

例子2:從jsp或servlet載入資料

$("#demo2")
    .jstree(
      {
       "json_data" : {
        "data" : [ {
         "data" : {
          "title" : "A node"
         },
         "attr" : {
          "id" : 0
         },
         "state" : "closed"
        }, {
         "attr" : {
          "id" : "li.node.id"
         },
         "data" : {
          "title" : "Long format demo",
          "attr" : {
           "href" : "#"
          }
         }
        } ],
        "ajax" : {
         "url" : "../../watch/admin_tree_xml.jsp",
         "data" : function(n) {
          return {
           id : n.attr ? n.attr("id") : 0,
           rand : new Date().getTime()
            };
         }
        }
       },
       "plugins" : [ "themes", "json_data"]
       
      });