Question

我有一堆显示在新行中的tbar项目。它工作正常。但我唯一的问题是在每个tbars之间显示一个水平边框。我怎么能删除它？

            items: [
                {
                    xtype: 'panel',
                    id: 'navi',
                    region: 'west',
                    collapsible: false,
                    title: 'Navigation',
                    bodyStyle: 'background-color: #BFCBD5',
                    width: 155,
                    animCollapse: true,
                    minHeight: 600,
                    items: [

                        {
                            border:0,

                            tbar: [

                                {
                                    xtype: 'button',
                                    text: 'Home',
                                    textAlign:'left',
                                    width: 140,
                                    align:'left',

                                    //bodyStyle: 'background-color:#BFCBD5;',
                                    handler: function() {
                                        document.location.href = BasePath; 
                                    }
                                }


                            ]
                        },

                        {
                            border:0,
                            tbar: [
                                {
                                    xtype: 'button',
                                    text: 'Dashboard',
                                    textAlign:'left',
                                    width: 140,                                     
                                    handler: function() {
                                        document.location.href="http://www.dtvdashboard.com";
                                    }
                                }                                   

                            ]
                        },  



                    {
                        xtype: 'text',
                        padding: '64 0 0 0',    
                        text: "Logged in as:",
                        textAlign:'left',
                        style : "color:#3E546B;font-style:italic;font-size: 11px;",
                        width: 140,
                        handler: function() {
                            document.location.href="";
                        }
                    },  




                    ]


                }
            ]

编辑：我添加了bodyBorder：false，有点删除了边框线。但我仍然看到边界较浅的阴影

enter image description here

Answer 1

有很多可能性去除那个边界。

您可以删除tbar并仅粘贴按钮（例如：http://jsfiddle.net/kKjuC/1/）
您可以将链接呈现为普通html，并将点击处理程序附加到每个链接或容器，或者只需将href添加到链接（例如：http://jsfiddle.net/YeyET/1/）
您可以使用DataView

需要从tbar菜单中删除水平边框

1 个答案: