easyui屬性賦值

標籤：tree   closed   開發   href   組件   class   xxx   icon   xxxx   

瞭解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擷取到相應的值了。

 

easyui屬性賦值