了解easyui tree組件的童鞋估計都知道tree的node有他自己單獨的屬性（id,text,iconCls,checked,state,attribute,target）。而原先這個幾個屬性想要通過html的方式賦值實例的話，是不能完全做到的。attribute屬性必須json的方式才能賦值。這也給我們開發帶來了一下不便。而如今有了data-options這個屬性，一切問題都迎刃而解了。
定義一棵nide帶有特殊屬性的node就可以通過如下方式實現了
1 |
<ul id="tt1" class="easyui-tree" data-options="animate:true,dnd:true"> |
2 |
<li> |
3 |
<span>Folder</span> |
4 |
<ul> |
5 |
<li data-options="state:'closed'"> |
6 |
<span>Sub Folder 1</span> |
7 |
<ul> |
8 |
<li data-options="attributes:{'url':'xxxxx'}"> |
1 |
<span><a href="#">File 11</a></span> |
2 |
</li> |
3 |
<li data-options="attributes:{'url':'xxxxx'}"> |
1 |
<span>File 12</span> |
2 |
</li> |
3 |
<li> |
4 |
<span>File 13</span> |
5 |
</li> |
6 |
</ul> |
7 |
</li> |
8 |
<li data-options="attributes:{'url':'xxxxx'}"> |
1 |
<span>File 2</span> |
2 |
</li> |
3 |
<li data-options="attributes:{'url':'xxxxx'}"> |
01 |
<span>File 3</span> |
02 |
</li> |
03 |
<li id="123" data-options="attributes:{'url':'xxxxx'}">File 4</li> |
04 |
<li>File 5</li> |
05 |
</ul> |
06 |
</li> |
07 |
<li> |
08 |
<span>File21</span> |
09 |
</li> |
10 |
</ul> |
然后我們通過js方法獲取到tree的node對象的時候 就可以直接node.attributes.url獲取到相應的值了。