easyui中parser的簡單用法


  在easyUI中,parser是在頁面加載完成之后自動加載,將代碼根據class渲染為不同的插件。除了自動加載之后,編程人員還可以使用手動調用的方式,比如$.parser.parse("#id")的方式進行調用,這樣就可以允許編程人員根據不同需求動態加入不同的插件的代碼,再使用該段代碼的唯一id,利用parser進行渲染,比如插入插件代碼至頁面,代碼如下:

<div class="easyui-accordion" id="tt">
        <div title="title1">1</div>
    <div title="title2">2</div>
</div>

此時的頁面已有該插件代碼,但是卻不會出現插件效果,原因在於沒有對該代碼進行調用parser渲染,在調用parser的時候需要注意,首先,解析的目標只包含我們指定的demo的子孫內容,不包括內容本身,比如要解析上面的代碼時,使用一下的代碼,則無法獲得預期的效果:

$.parser.parse($('#tt'));

若要獲取預期效果,則需要:

$.parser.parse($('#tt').parent());

其次,還需要注意,某些插件是無法重復解析的,如在頁面中已有如下代碼:

<div class="easyui-accordion" id="tt">
</div>

此時若是需要再次添加代碼:

$('#tt').append('<div title="title1">1</div><div title="title2">2</div>')
$.parser.parse($('#tt').parent());

按以上的代碼進行解析的話,也無法到達預期的效果,原因在於id為tt的div在頁面加載時,已經解析過了,此時你再欲解析,就無效了。另外文章原文在:http://www.easyui.info/archives/216.html,有需要的朋友可以自己去看看

                    

$('#tt').append('<div title="title1">1</div><div title="title2">2</div>')
$.parser.parse($('#tt').parent());


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM