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

Question

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

            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，这有点删除了边界线。但我仍然看到较浅的边框阴影

Answer 1

有很多可能性可以删除该边界。

• 您可以删除 tbar 并仅使用按钮（例如：http: //jsfiddle.net/kKjuC/1/）
• 您可以将链接呈现为纯 html 并将点击处理程序附加到每个链接或容器，或者只是简单地添加href到链接（例如：http: //jsfiddle.net/YeyET/1/）
• 你可以使用数据视图