使用easy-ui的panel加载一个jsp页面,可是不知道入何获取这个jsp页面里面的相关信息,
上网查了下,发现了如下的panel的dom结构图:
<div class="panel" style="width: 988px;">
<div class="panel-header" style="width: 976px;"><div class="panel-title">My Panel</div>
<div class="panel-tool">
<div class="panel-tool-collapse"></div>
<div class="icon-save"></div>
<div class="icon-new"></div>
</div>
</div>
<div style="padding: 10px; width: 966px;" collapsible="true" id="p" title="" class="panel-body">
Panel Content
</div>
</div>
easyui加载panel:
$('#p').panel({
title: 'My Panel',
tools: [{ iconCls:'icon-new',handler:function(){alert('new')}},
{iconCls:'icon-save',handler:function(){alert('save')}
}]
});
一般可通过
$('#p').parent().find('.panel-title').text() 获取panel的标题
$('#p').parent().find('.panel-body') 获取panel的主体,我就是通过这个方法获得加载的jsp页面的dom