1、主页
<div id="cc" class="easyui-layout" style="width:600px;height:700px;" fit="true">
<div region="west" split="true" title="" style="width:250px;"> <iframe width="100%;" height="100%;" id="left" name="left" frameborder="0" scrolling="no" src="a.jsp"></iframe> </div><div region="center" border="false" >
<iframe width="100%;" height="100%;" id="right" name="right" frameborder="0" scrolling="auto" src="b.jsp"></iframe> </div> </div>2、a.jsp
<div class="easyui-panel" style="padding:5px">
<ul id="tt" class="easyui-tree" > <!--加载树,树的单击事件--> </ul> </div>3、b.jsp
<table id="dg" class="easyui-datagrid" title="" style="width:100%;height:250px"
data-options="rownumbers:true,singleSelect:false,checkOnSelect:false"></table>
4、a.jsp的onclick事件
var node = $('#tt').tree('getSelected');
var data=访问后台获得数据 //parent.frames["right"]:获取到兄弟(right)页面 parent.frames["right"].$('#dg').datagrid('loadData',data);