2012-12-11 52 views
1

我有一堆顯示爲新行的tbar項目。它工作正常。 但我唯一的問題是,顯示每個tbars之間的水平邊界。 我該如何刪除它?需要從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:假的,這有點兒刪除的邊界線。但我還是看到了邊境

enter image description here

+0

您可能要裁剪圖像並重新上傳該剪裁的圖片。這個空白與這個問題完全不相干,並且偏離了你(大概)希望人們關注的部分。而且,實際上,圖像並不是JavaScript中問題的最好證明;您可能想要發佈一個(最小/ [SSCCE](http://sscce.org/))實況[JS Fiddle](http://jsfiddle.net/)或類似的演示,我們可以在實際中看到輕鬆工作。 –

回答

2

的較淡有很多的可能性,以消除邊境。

  • 你可以刪除TBAR並堅持這些按鈕僅(例如:http://jsfiddle.net/kKjuC/1/
  • 可以渲染的鏈接,純HTML和附加單擊處理程序,以每一個或容器,或只是簡單地添加href到鏈接(例如:http://jsfiddle.net/YeyET/1/
  • 您可以使用數據視圖