RichFaces的選擇列表：流體滾動列表/列

我想這一點：Aim Pic。

初始情況

在以下示例代碼rich:picklist用於：

<rich:pickList id="userAuthoritiesPickList" value="#{securityBean.selectedUserAuthorities}" 
    sourceCaption="sourceCaption" targetCaption="targetCaption" style="background:green" orderable="false" 
    addText="addText" addAllText="addAllText" removeText="removeText" removeAllText="removeAllText"> 
    <f:selectItems value="#{securityBean.authorities}" var="authority" itemValue="#{authority}" 
    itemLabel="#{securityBean.getLocalizedRoleName(authority.authority)}" /> 
</rich:pickList>

我得到以下結果：resultPic

觀測：

sourceList有一個滾動條，因爲它的元素太大了。
有足夠的空間在右側

目的

我想領料單上使用權的自由空間，因此，在SOURCELIST滾動條變小或ISN甚至沒有必要。 pickList例如應該使用70％的空間。
當調整瀏覽器窗口大小時，pickList（和sourceList）的寬度應該調整大小，以便sourceLists中的滾動條再次變爲必需。

我想什麼

使用這些資源：

頁面寬度鉻devTools看着
組件參考
java-doc的

注意到：

rich:pickList只標記屬性爲寬度是listWidth定義只讓列表元素的像素寬度（百分比是不可能的）
如果沒有listWidth定義，listWidth是width: 200px。使用

.rf-pick-lst-scrl width：initial！important; }

我能夠改變它到這個。 sourceList現在更大，但是當我調整瀏覽器窗口的大小時，sourceList寬度不會調整大小。而是在整個頁面上顯示一個滾動條。
我試圖將寬度設置爲嚴重風格類的百分比。像例如

.rf挑選-SRC { 寬度：50％ }

但這僅半區的SOURCELIST和不選取列表，因此，空間的按鈕僅擴大。

摘要：那麼如何獲得行爲：SOURCELIST（選擇列表）應該使用自由空間。如果它不夠 - >調整sourceList的大小？（就像在一張桌子上，你可以用做點什麼）。由於手動改變頁面與鉻devTools table-layout，我得到了我想要的。但table得到由rich:pickList產生的，我不能爲他們設置的CSS屬性（沒有ID，類..）：

我希望它像目標產品圖在這篇文章的開頭。

來源

2015-10-08 SearchSpace

你不需要ID或者類中使用CSS，特別是如果你知道的佈局是靜態的：

.rf-pick > table, 
.rf-pick > table > tbody > tr > td:nth-child(3) > table { 
    width: 100%; 
    table-layout: fixed; 
} 

.rf-pick > table > tbody > tr > td:nth-child(2) { 
    width: 30px; /* buttons */ 
}

集listWidth爲「Auto」（「100％」也可以，我會必須修復描述）

來源

2015-10-08 14:04:20 Makhiel

Thx，這幫了我很多。 – SearchSpace

RichFaces的選擇列表：流體滾動列表/列

回答

相關問題