在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());