日期:2014-05-16  浏览次数:20435 次

如何让 iframe 内嵌页面内容显示完全?


如图所示,
右边的html代码为:

    <div id="tabframe"region="center" class="easyui-tabs" fit="true" border="false" >
        <div id="tab1"title="主页" >
            <iframe id="contentPage" style="width:100%;height:100%; "   scrolling="yes" frameborder="0" marginheight="0"
                marginwidth="0"></iframe>
        </div>
    </div>

点击左面的树,Js如下

onClick: function (node) {
      $(this).tree('toggle', node.target);
      $("#contentPage").attr("src", node.attributes);
  {



====
子页面html如下
<body  class="easyui-layout" >
    <table id="userManageGrid" fit="true"   style="overflow:hidden;padding:2px;" ></table>
</body>

**********************

目前有2问题,1.子页面里的分页栏显页不了。2.子页面右边还有内容显示不全。
本人学做web不太多。
请问,如何让子面而里的内容显示完全并满铺于iframe。且能按浏览器窗口在小变化时随时调整。

------解决方案--------------------
grid配置fitColumns:true试试