javascript - 将 json 动态添加到 spacetree 视图

Question

我正在使用 spacetree js 来显示树视图。

我想在单击节点后按需加载 json。

我已经使用硬编码的 json 值运行了示例示例。

但我不知道如何使它动态.....在选择节点后显示他们的孩子并保留他们的父母。我有两个问题

如何制作

1.要么重新加载整个json对象

2 或者将选中的childrens json添加到之前的json对象中

我需要这个例子..我正在使用 ruby​​ on rails 做应用程序，所以他们制作自定义 json 的任何方法

Answer 1

您可以使用jQuery.getJSON()方法或$.ajax()之类的方法从远程服务器加载 JSON，而不是示例中的硬编码 JSON 对象。会是这样的：

$.ajax({
  url: '/tree/structure',
  type: 'GET',
  dataType: 'JSON',
  success: function(data) {
    json = $.parseJSON(data);
  }
});

所以在 Rails 中，你可以创建一个控制器来返回 JSON 响应，如下所示：

def treedata
  @tree = Tree.create() # object with tree structure

  respond_to do |f|
    f.json{ render :json => @tree }
  end
end

希望以上对一些想法有所帮助。