Metadata plugin demo

You can set any of the type rules (except for icon which has a separate syntax for every datastore). The data passed is a string - in every datastore you have the option to pass arguments.

$(function () { 
    $("#demo_1").tree({
        plugins : {
            metadata : {
                // the attribute to read from
                attribute : "data"
            }
        }
    });
});

<ul>
    <li id="phtml_1" class="open"><a href="#"><ins> </ins>Root node 1</a>
        <ul>
            <li id="phtml_2"><a href="#"><ins> </ins>Child node 1</a></li>
            <li id="phtml_3" data="{ clickable : false }"><a href="#"><ins> </ins>Child node 2</a></li>
            <li id="phtml_4"><a href="#"><ins> </ins>Some other child node with longer text</a></li>
        </ul>
    </li>
    <li id="phtml_5"><a href="#"><ins> </ins>Root node 2</a></li>
</ul>