面板问题...闭合时面板..show出来时的面板不填满!管理员快来打救一下呀

Posted 周五, 10/10/2008 - 09:38 by nba4523

代码:
{
region:'west',
id:'west-panel',
title:'菜单',
split:true,
width: 200,
minSize: 500,
maxSize: 800,

collapsible: true,
margins:'0 0 0 5',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [{
contentEl: 'west',
title:'Navigation',
border:false,
iconCls:'nav'
} ,{
contentEl: 'west',
title:'sdfsdafd',
border:true,
iconCls:'settings'

},{
title:'网址',
html:"网易",
border:false,
autoHeight:false,
iconCls:'settings'

}

]
}

要发表评论，请先登录

我也不知怎么表达那

by nba4523 - 10/11/2008 - 10:07

我也不知怎么表达那个意思!你把一个'accordion'卡片布局的demo加到三个卡号!再点闭合按钮进去!把鼠标放在上面去!让面板出来!就知道什么问题了!

要发表评论，请先登录

不清楚你想表达的意思,

by admin - 10/10/2008 - 15:32

面板问题...闭合时面板..show出来时的面板不填满!
---------
另外,你的图片不能看到,

要发表评论，请先登录

我也不知怎么表达那

by nba4523 - 10/11/2008 - 10:08

我也不知怎么表达那个意思!你把一个'accordion'卡片布局的demo加到三个卡号!再点闭合按钮进去!把鼠标放在上面去!让面板出来!就知道什么问题了!

要发表评论，请先登录

经过测试没有问题

by admin - 10/11/2008 - 16:41

layout\mycolumn.html
代码如下：


<html>
<head>
  <title>Column Layout</title>
	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

    <!-- GC -->
 	<!-- LIBS -->
 	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
 	<!-- ENDLIBS -->

    <script type="text/javascript" src="../../ext-all.js"></script>

    <!--<script language="javascript" src="../grid/PropsGrid.js"></script>-->
	<style type="text/css">
	html, body {
        font:normal 12px verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
	.x-panel-body p {
	    margin:5px;
	}
    .x-column-layout-ct .x-panel {
        margin-bottom:5px;
    }
    .x-column-layout-ct .x-panel-dd-spacer {
        margin-bottom:5px;
    }
    .settings {
        background-image:url(../shared/icons/fam/folder_wrench.png) !important;
    }
    .nav {
        background-image:url(../shared/icons/fam/folder_go.png) !important;
    }
    </style>
	<script type="text/javascript">

    Ext.onReady(function(){

       Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

       var viewport = new Ext.Viewport({
            layout:'border',
            items:[{
                region:'west',
                id:'west-panel',
                title:'West',
                split:true,
                width: 200,
                minSize: 175,
                maxSize: 400,
                collapsible: true,
                margins:'35 0 5 5',
                cmargins:'35 5 5 5',
                layout:'accordion',
                layoutConfig:{
                    animate:true
                },
                items: [{
                    html: Ext.example.shortBogusMarkup,
                    title:'Navigation',
                    autoScroll:true,
                    border:false,
                    iconCls:'nav'
                },{
                    title:'Settings',
                    html:"<a href=\"#\" onclick=\"addTab('网易','http://www.126.com')\" >测试</a>",
                    border:false,
                    autoScroll:true,
                    iconCls:'settings'
                },{
                        title:'网址',
                        html:"<a href=\"#\" onclick=\"addTab('网易','http://www.126.com')\" >网易</a>",
                        border:false,
                        autoHeight:false,
                        iconCls:'adr'
                        
               }]
            },{
                region:'center',
                margins:'35 5 5 0',
                layout:'column',
                autoScroll:true,
                items:[{
                    columnWidth:.33,
                    baseCls:'x-plain',
                    bodyStyle:'padding:5px 0 5px 5px',
                    items:[{
                        title: 'A Panel',
                        html: Ext.example.shortBogusMarkup
                    }]
                },{
                    columnWidth:.33, 
                    baseCls:'x-plain',
                    bodyStyle:'padding:5px 0 5px 5px',
                    items:[{
                        title: 'A Panel',
                        html: Ext.example.shortBogusMarkup
                    }]
                },{
                    columnWidth:.33,
                    baseCls:'x-plain',
                    bodyStyle:'padding:5px',
                    items:[{
                        title: 'A Panel',
                        html: Ext.example.shortBogusMarkup
                    },{
                        title: 'Another Panel',
                        html: Ext.example.shortBogusMarkup
                    }]
                }]
            }]
        });
    });
	</script>
</head>
<body>
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  </body>
</html>