欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

實例講解jQuery EasyUI tree中state屬性慎用

 更新時間：2016年04月01日 11:43:39   作者：NormanTian  
本文通過實例代碼給大家介紹jQuery EasyUI tree中state屬性慎用，切忌把state設置為closed，否則該節(jié)點會加載整個tree，形成死循環(huán)

EasyUI 1.4.4 tree控件中，如果是葉子節(jié)點，切忌把state設置為closed，否則該節(jié)點會加載整個tree，形成死循環(huán)

例如：

json入下：

[
{
"checked": false,
"iconCls": "",
"id": "dec",
"pid": "",
"state": "closed",
"text": "test",
"type": "ORG"
}
]

狀態(tài)改為open或者為空，顯示正常

下面給大家介紹easyui tree自定義屬性的使用

了解easyui tree組件的童鞋估計都知道tree的node有他自己單獨的屬性（id,text,iconCls,checked,state,attribute,target）。而原先這個幾個屬性想要通過html的方式賦值實例的話，是不能完全做到的。attribute屬性必須json的方式才能賦值。這也給我們開發(fā)帶來了一下不便。而如今有了data-options這個屬性，一切問題都迎刃而解了。

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

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

相關文章

  • 3分鐘寫出來的Jquery版checkbox全選反選功能

    3分鐘寫出來的Jquery版checkbox全選反選功能

    checkbox全選反選的文章在以前也有介紹很多，實在是不想在提起了，然而身邊還是有些朋友不會，于是3分鐘寫出來一個估計有很多bug
    2013-10-10
  • jQuery基本過濾選擇器使用介紹

    jQuery基本過濾選擇器使用介紹

    簡單過濾選擇器：根據(jù)某類過濾規(guī)則進行元素的匹配，書寫時都以冒號（：）開頭；簡單過濾選擇器是過濾選擇器中使用最廣泛的一種，感興趣的朋友可以參考下
    2013-04-04
  • jQuery操作DOM_動力節(jié)點Java學院整理

    jQuery操作DOM_動力節(jié)點Java學院整理

    這篇文章主要介紹了jQuery操作DOM，下面的DOM操作將圍繞上面的DOM樹進行學習JQueryDOM操作，有興趣的可以了解一下
    2017-07-07
  • jQuery學習筆記 操作jQuery對象 CSS處理

    jQuery學習筆記 操作jQuery對象 CSS處理

    在對class屬性的操作中，實際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設定好了的CSS規(guī)則
    2012-09-09
  • EasyUI中在表單提交之前進行驗證

    EasyUI中在表單提交之前進行驗證

    這篇文章主要介紹了EasyUI中在表單提交之前進行驗證的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-07-07
  • 使用jQuery ajaxupload插件實現(xiàn)無刷新上傳文件

    使用jQuery ajaxupload插件實現(xiàn)無刷新上傳文件

    項目中會經(jīng)常用到AJAX無刷新上傳圖片，但是iframe上傳和flash插件都是比較復雜的，所以就找了一個jquery的插件。下面通過實例代碼給大家介紹使用jQuery ajaxupload插件實現(xiàn)無刷新上傳文件功能，需要的朋友參考下吧
    2017-04-04
  • jquery判斷單選按鈕radio是否選中的方法

    jquery判斷單選按鈕radio是否選中的方法

    這篇文章主要介紹了jquery判斷單選按鈕radio是否選中的方法,實例分析了加載頁面時獲取單選按鈕ID和點擊按鈕時獲取單選按鈕ID兩種方法,非常簡單實用,需要的朋友可以參考下
    2015-05-05
  • jQuery層動畫定位滑動效果的方法

    jQuery層動畫定位滑動效果的方法

    這篇文章主要介紹了jQuery層動畫定位滑動效果的方法,涉及jQuery中animate方法的相關使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-04-04
  • jquery復選框checkbox實現(xiàn)刪除前判斷

    jquery復選框checkbox實現(xiàn)刪除前判斷

    頁面有很多數(shù)據(jù)，可以刪除一條或多條，刪除前判斷是否選中至少一條，否則提示，具體示例如下，需要的朋友可以參考下
    2014-04-04

最新評論