How To Change Collapse Tool Position 改变Panel收缩按钮的位置

默认收缩的按钮的位置是在panle的header的右侧的。通过class属性 让它显示在左侧的位置

<style type="text/css">
        .my-panel .x-tool{left:0 !important;}
        .my-panel .x-panel-header-text-container{padding-left:18px;}
</style>
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.widget('panel', {
                title:'My Panel',
                cls:'my-panel',
                bodyPadding: 10,
                collapsible:true,
                width:300,
                height:100,
                html: 'Some content here.这里是内容',
                renderTo:document.body
            });
        });
    </script>

 

 

posted @ 2013-02-11 15:42  高山-景行  阅读(355)  评论(0编辑  收藏  举报