从jsTree拖放到输入表单字段

时间:2011-02-06 10:52:12

标签: jquery html forms filesystems jstree

我有一个文件系统,文件夹和文件的jsTree,我想从树中拖出一个文件节点并将其放入input字段,将完整路径名插入表单字段。

目前,当我尝试将任何节点从树中拖动到表单字段时,我会返回网页的URL以及一个哈希标记,例如, https://example.com/#。如果我更改节点数据的链接href,则哈希值会更改为新的href,但我仍然会获得协议和主机(https://example.com/newHref)。

假设我描述的修改是可能的,我将如何配置jsTree和表单来完成此操作?

感谢您的建议。

1 个答案:

答案 0 :(得分:1)

如果使用JSON数据源,则在href列表的data列表中添加attr属性时,使用file://协议似乎很有帮助,例如:< / p>

{
  "data" : {
     "icon" : "/js/_demo/folder.png",
     "title" : "workspace",
     "attr" : {
        "href" : "file:///home/areynolds/workspace"
     }
  },
  "attr" : {
     "rel" : "folder",
     "id" : "/home/areynolds/workspace"
  },
  "state" : "closed"
}

然后可以将节点的链接拖放到HTML input字段中。

可以按原样使用file:// href,也可以使用一些JavaScript或jQuery来清理路径。

如果使用HTML数据源,则使用锚点file://中的href可以获得相同的结果。