jsTreeからフォームフィールドへのドラッグアンドドロップ

Question

私はファイルシステム、フォルダ、ファイルのjsTreeを持っています。ファイルノードをツリーからドラッグしてinputフィールドにドラッグしてフルパス名をフォームフィールド。

現在、ツリーからフォームフィールドにノードをドラッグしようとすると、WebページのURLがハッシュマーク（例： https://example.com/#。ノードのデータのリンクhrefを変更すると、ハッシュは新しいhrefに変わりますが、プロトコルとホスト（https://example.com/newHref）はまだ取得されています。

私が説明した変更が可能であると仮定すると、これを達成するためにjsTreeとフォームをどのように構成しますか？

ご協力いただきありがとうございます。

Answer 1

dataリストのattrリストにhref属性を追加する際にJSONデータ・ソースを使用して、file://プロトコルを使用すると便利と思われる場合は、例えば：

{ 
    "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フィールドに入力します。

hrefをそのまま使用することも、JavaScriptまたはjQueryを使用してパスをクリーンアップすることもできます。

HTMLデータソースを使用している場合、アンカーのhrefにfile://を使用すると同じ結果が得られます。