先说明下,在IE下正常,在火狐与chrome浏览器下,左边的除第一个菜单外,显示不正常。
可能还是比较抽象,真有兴趣研究下的高人,可以直接把代表拷贝到jsp中去运行,即可发现问题。
下面列出代码?<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml2.dtd">
<html>
  <head>
  <link rel="stylesheet" type="text/css" href="ext4/resources/css/ext-all.css"/>
<script type="text/javascript" src="ext4/ext-all.js"></script>
    <script type="text/javascript">
Ext.onReady(function(){ 
            var store = Ext.create('Ext.data.TreeStore', { 
    root: { 
        expanded: true,  
        text:"", 
        user:"", 
        status:"",  
        children: [ 
            { text:"detention", leaf: true }, 
            { text:"homework", expanded: true,  
                children: [ 
                    { text:"book report", leaf: true }, 
                    { text:"alegrbra", leaf: true} 
                ] 
            }, 
            { text: "buy lottery tickets", leaf:true } 
        ] 
    }   
     });          
            
var tree1 = Ext.create('Ext.tree.Panel', { 
    title: 'Simple Tree', 
    width: 200, 
    height: 150, 
    store: store, 
    rootVisible: false       
});
var tree2 = Ext.create('Ext.tree.Panel', { 
    title: 'Simple Tree', 
    width: 200, 
    height: 150, 
    store: store, 
    rootVisible: false       
});            
            
            var accordion = Ext.create('Ext.Panel', {
                region:'west',
                margins:'5 0 5 5',
                split:true,
                width: 210,
                layout:'accordion',
                items: [tree1, tree2]
            });  
            
            var viewport = Ext.create('Ext.Viewport', {
                layout:'border',
                items:[
                    accordion, {
                    region:'center',
                    margins:'5 5 5 0',
                    cls:'empty',
                    html:'<br/><br/>&lt;empty center panel&gt;'
                }]
            });      
}); 
    </script>   
  </head>
  <body>
  </body>  
</html>当然,你想测试就得去下载ext4.0的版本的了,如果你运行起来,你用火狐或chorme打开,你就会发现,左边的,第二个菜单,展开后,子菜单显示不全!很头痛的问题,由于本人技术有限,还真不知道怎么解决,希望有高人能帮忙解决下。
主要是IE居然运行正常,像个兼容问题,最麻烦的了,不知道从那里下手。
题外,如果能确实这确实是ext4.0的BUG,那应该怎么向官方反馈啊。我英文也不大好,是BUG的话,希望,有能力的同学帮忙反馈下吧,在此先谢谢各位高人了。

解决方案 »

  1.   

    谢谢,但是,搞ext的,并非很多啊,多的话,怎么,只看到你一个人回了。
    希望,有高人出现,我觉得,应该是ext的bug,因为,我发现,3。0版本的,没有这个问题的。
      

  2.   

    最近也在学ext,,遇到问题提问也没人回复
      

  3.   

    应该是bug的了,只能等新版本了
      

  4.   

    试试现在的新版本4.0.3呢?我现就Ext4 MVC 下的border布局,一切正常,但是添加tree会出现问题,总之问题很多,现在的项目用的accordion 布局,模拟border 哎,问题多多啊,第一次学就接触的4,公司逼着我自学这个,累死了,关键我是.net程序员 硬逼我到java!考虑辞职去别地,薪水还高。
      

  5.   

    是浏览器的问题吧?
    <div class="x-grid-cell-inner x-unselectable" style="; text-align: left;" unselectable="on">
    <img class="x-tree-elbow-end" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
    <img class="x-tree-icon x-tree-icon-leaf " src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
    buy lottery tickets
    </div>
    这个元素是没有问题的,小弟初学,猜测而已
      

  6.   

    我在ie8下,测试也有问题,ie其他版本没测。怀疑是用了2个store的问题。