效果如图中红色边框中导入的extjs树形图:
页面有点不伦不类,只是提供iframe嵌入的写法,干货如下:
<div id="treepanel_id">
<iframe
src="/receiverShow/knowledge-bs/tree.jsp"
id="xjiframe" frameborder="0" allowtransparency="true"
style="border: none;" height="500px" width="366px"></iframe>
</div>
渲染写效果和上图一样:
js:
function initPanelByDiv(divID){
Ext.create("Ext.form.Panel", {
width : 365.5,
height : 500,
renderTo :divID,
layout : 'border',
items : [ treePanel,treeTabr]
});
}
jsp:
<script type="text/javascript">
Ext.onReady(
function(){
initPanelByDiv("treepanel_id");
});
</script>
<div class="col-md-4" height="500px" width="366px">
<div id="treepanel_id"></div>
</div>