2011-06-02 61 views
0

My problem刪除行之間的空隙/線GXT電網

我的目標是創建一個網格的某些列之間的實線。要做到這一點,我已經做了以下到相應的列:

ColumnConfig colConfig = new ColumnConfig("myID", "My Col Title", 50); 
colConfig.setStyle("border-right:solid medium black;"); 

你可以從所附的圖片中看到,該行似乎他們之間的間隔是防止我的列邊框從一個實線下降。任何人都可以幫助消除行之間的這些行,或者一些替代方法來實現我的目標?

我看到有設在網格類型本身/關閉列線接通的方法:

grid.setColumnLines(false); 

但我沒有看到任何行。我也不知道,即使是專欄,該方法隱藏線或實際刪除它們 - 我懷疑前者。

預先感謝任何和所有答案。

回答

1

您好我用一個小的字符串操作繼承人如何做到這一點;

自己創建一個GridView(延伸網格視圖),並覆蓋以下

protected String doRender(List<ColumnData> cs, List<ModelData> rows, int startRow, int colCount, boolean stripe) { 
     String grab = super.doRender(cs, rows, startRow, colCount, stripe); 
     grab = grab.replace("style=\"", "style=\"border:0px none; "); 
     return grab; 

}

protected String renderRows(int startRow, int endRow) { 
     String grab = super.renderRows(startRow, endRow); 
     grab = grab.replace("style=\"", "style=\"border:0px none; "); 
     return grab; 
    } 

這將在電網去掉任何邊界作爲其呈現

希望它有助於

+0

這是聰明的,謝謝。但是,這給我留下了兩個問題。首先,我忘了提我使用的是GroupSummaryView,所以每個組的頂部(組名)行保留無國界 - 顯然,在ColumnConfig設置不適用於該行。其次,它仍然會很高興地看到網格線,只需要有列邊框畫在它穿過相交的行網格線。不抱怨,只是說它不適合我想要的東西。 :) – WhyGeeEx 2011-07-06 17:34:19

+0

要做到這一點,你將不得不重新實現內邊框渲染的什麼被刪除是該行自身的邊界(其爲y相交的邊界),所以由小區的基礎上重新實現它在細胞會幫助你選擇邊界的位置 – AbstractChaos 2011-07-07 08:21:32

0

爲類.x-grid3-row(應用於該行的div元素)定義了邊框,因此您可以在自定義的.css文件中覆蓋此項,或者從您的gxt-all.css中刪除相應的行(我建議第一種方法,因爲GXT-all.css可以與未來的GXT版本改變,重寫的更改)