Dynatree - 各ノードに追加情報を保存できますか？

Question

現在はDynatreeをテストしています。事前にありがとうございます。

Answer 1

data 属性を使用してHTMLを使用してカスタムプロパティを追加できます（バリデータが不平を言うかもしれません。）

例えば新しい url プロパティを追加します。

<ul>
    <li data="url: 'http://jquery.com'">jQuery home
    <li data="url: 'http://docs.jquery.com'">jQuery docs

.

またはJSONまたはJSオブジェクトからロードするとき：

children: [
    { title: "jQuery home", url: "http://jquery.com" },
    { title: "jQuery docs", url: "http://docs.jquery.com" },

.

その後、そのようにアクセスできます。

onActivate: function(node) {
    if( node.data.url )
        window.open(node.data.url);
    $("#echoActive").text(node.data.title);
},

.

編集： リリース1.2から始まる<a>タグはネイティブにサポートされています（Dynatree JQueryプラグインでハイパーリンクを作成する方法

Answer 2

Dynatreeで読み込むデータを追加している場合、MAR10は正しいです。たとえば、DynAtreeを表示しない場合は、次のように使用できます。

<li data="icon: 'null'">

.

残念ながらこれは実際には有効なHTMLと私のHTML5バリデータ（Visual Studio 2010 SP1）はそれについて不平を言うのが好きです。

単に独自のデータを埋め込むことを望む場合HTML5を使用すると、li要素にデータ - *属性を追加できます。

<li data-myprop="myvalue">

.

これは、 html5doctor 。からの追加情報です。