easyui tree自定義屬性的使用data-options

了解easyui tree組件的童鞋估計都知道tree的node有他自己單獨的屬性

（id,text,iconCls,checked,state,attribute,target）。

id: 節點ID，這是很重要的加載遠程數據 

text: 文字顯示節點 
state: 節點的狀態，“開放”或“關閉”，默認為“打開”。 當設置為“關閉”，該節點有子節點，並將它們遠程加載 
checked: 指示節點是否被選中選中. 
attributes: 自定義屬性可以被添加到一個節點 
children: 一個數組節點有一些子節點 

而原先這個幾個屬性想要通過html的方式賦值實例的話，是不能完全做到的。

attribute屬性必須json的方式才能賦值。

這也給我們開發帶來了一下不便。而如今有了data-options這個屬性，一切問題都迎刃而解了。

定義一棵nide帶有特殊屬性的node就可以通過如下方式實現了

<ul id="tt" class="easyui-tree" data-options="animate:true,dnd:true">
 <li>
  <span>Folder</span>
<ul>
 <li data-options="state:'closed'">
  <span>Sub Folder </span>
<ul>
 <li data-options="attributes:{'url':'xxxxx'}">
  <span><a href="#">File </a></span>
 </li>
 <li data-options="attributes:{'url':'xxxxx'}">
  <span>File </span>
 </li>
<li>
<span>File </span>
</li>
</ul>
</li>
<li data-options="attributes:{'url':'xxxxx'}">
<span>File </span>
</li>
<li data-options="attributes:{'url':'xxxxx'}">
<span>File </span>
</li>
<li id="" data-options="attributes:{'url':'xxxxx'}">File </li>
<li>File </li>
</ul>
</li>
<li>
<span>File</span>
</li>
</ul>

然后我們通過js方法獲取到tree的node對象的時候 就可以直接node.attributes.url獲取到相應的值了。