1

たくさんの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を追加しました、それはちょっと境界線を削除しました。しかし、私はまだ境界線の明るい色合いを見る

ここに画像の説明を入力してください

4

1 に答える 1

2

その境界を取り除く可能性はたくさんあります。

  • tbar を削除して、ボタンのみに固執することができます (例: http://jsfiddle.net/kKjuC/1/ )
  • リンクをプレーンな html としてレンダリングし、クリック ハンドラーをそれぞれまたはコンテナーにアタッチするか、単純hrefにリンクに追加することができます (例: http://jsfiddle.net/YeyET/1/ ) 。
  • あなたはDataViewを使うことができます
于 2012-12-11T19:54:16.200 に答える