如何將Uibinder Widgets的屬性帶入GWT的CSS中？

好的，在.xml文件中，這個工作正常。如何將Uibinder Widgets的屬性帶入GWT的CSS中？

<g:FlexTable ui:field="wishlistFlexTable" borderWidth="1" cellPadding="5" />

注：setBorderWidth & setCellPadding：在GWT編碼時，我們得到了類似的一套方法FlexTable。

但是，如果我們把邊框寬度& CELLPADDING到CSS，它不會在XML工作在CSS中，

.gwtFlexTable{ 
    borderWidth:1; 
    cellPadding:5; 
}

<g:FlexTable ui:field="wishlistFlexTable" addStyleNames="{res.css.gwtFlexTable}" />

那麼如何將UiBinder的窗口小部件的性能爲CSS在GWT？

來源

2013-09-29 Kiti

我hink你的CSS是錯誤的：

.gwtFlexTable{ 
    border-width:1px; 
    cell-padding:5px; 
}

你忘了單位（他們是在CSS強制性的）。和borderWidth無論如何必須寫成border-width

來源

2013-09-29 12:33:03

它沒有工作，你測試它在你的PC？ – Kiti

我把背景：橙色;到.gwtFlexTable {}，它工作正常。所以使用border-width＆cell-padding是不對的。 – Kiti

你確定'cell-padding'等等甚至是有效的CSS屬性來完成你所要求的嗎？至少'border-width'是一個真實的東西，但是這與調用setter（即在uibinder中設置屬性）的效果並不相同。 –

，我發現這個代碼，它的工作確定

.flexTable td{ 
    border: 1px solid #BBBBBB; 
    padding: 3px; 
}

來源

2013-09-29 13:42:31 Kiti

你把所有的CSS類的<ui:style>在運行時得到混淆，使它們變成字母數字串。所以你的.gwtFlexTable看起來像.A87GFESAF。要允許外部CSS類名的樣式表，那麼您就會有沒有括號{}這樣來聲明styleNames：

<g:FlexTable ui:field="wishlistFlexTable" addStyleNames="gwtFlexTable" />

，或者如果你想與兩個外部類和內部<ui:style> s到樣式，可以混合CSS類：

<g:FlexTable ui:field="wishlistFlexTable" addStyleNames="{res.css.gwtFlexTable} gwtFlexTable" /> 
<!-- where {res.css.gwtFlexTable} is a ui:style name and gwtFlexTable is an unobfuscated CSS selector -->

來源

2013-09-29 20:49:45 Churro

如何將Uibinder Widgets的屬性帶入GWT的CSS中？

回答

相關問題