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

jQuery easyui布局问题
jquery easyui 1.3的demo里修改layout.html,想在center面板里加入datagrid.html页面
JScript code

$(function(){
            $('#test').click(function(){
                $('body').layout('panel','center').panel({
                    title:'test',
                    href:'datagrid.html'
                });
            });
        });


并在west面板里加入<button id="test">test</button>,点击这个按钮的时候希望能在右边显示出表格页面。
但是只显示出来datagrid.html页面里的文本内容,表格显示不出来,是什么问题?
测试过1.2.1的正常,1.2.6和1.3的都显示不出来

------解决方案--------------------
datagrid.html包含了HTML,body,head这种标签,应该是导致全部加载进来页面dom结构出错了吧
------解决方案--------------------
下了那个包,打开页面看了。$('body').layout('panel','center').panel({是没错。
而且确实显示不了,不是<HTML><BODY>的问题,建个只有<DIV>的页面也是那样的。
但如果设置为DEMO.CSS的话,就可以。
还没看EASYUI内部相应的实现,目前来看,可能就是不支持,老版本在这方面不严谨吧。想想看,这要行的话,那不就是一个IFRAME吗,IFRAME刚被HTML5修理,难道这个还顶风上吗?
要想用的话,就用AJAX读入内容放在PANEL里面吧。