2012-02-23 10 views
3

PrimeFaces選択リストからソートおよび移動ボタンの順序を変更する簡単な方法はありますか?primeFaces選択リストボタンの順序を変更する方法

並び替え:

all up 
up 
down 
all down 

と移動のために:私はこの順序であるボタンを必要とする優れた利便性のために

all to the right 
right 
left 
all to the left 

私はダミーページを実装して1、誰か午前そうでなければ、私がここで設計しているPrimeFacesコンポーネントとして実装する必要があります。だから私はそれがプログラマーにとって不可能な仕事であることを望んでいません。

答えて

7

組み込みのボタンテンプレート機能はありませんが、あなたはCSSで順序を変更できます。

コード:

.ui-picklist-button-add { 
    position:relative; 
    top:25px; 
} 

.ui-picklist-button-add-all { 
    position:relative; 
    top:-40px; 
} 

- >これは 'オプティマスプライム' は言うことです。私の質問

+0

素晴らしいソリューションです.CSSは決して私の強い側面ではありません... – Daniel

+0

あなたのソリューションは、あまりにも。しかし、これはよりエレガントです。 – Chris

+0

うん、それ以上に、私は+1を与えた – Daniel

1

あなたはそのようにjQueryを使ってそれをやって試すことができます:パッチを適用したい場合はJavaScript moving element in the DOM

使用放火犯は

例えばjQuery(".ui-picklist-target-controls .ui-picklist-button-move-top").insertAfter(".ui-picklist-target-controls .ui-picklist-button-move-top");

を試みるすべてのボタンのクラスとそのコンテナを見つけるためにprimefaces jarは、PickListRenderer.javaファイルを参照して、encodeButtonメソッドを使用する場所を探し、ボタンを並べ替えます。

あなたがアップグレードしたい時に毎回それをパッチしてください

+0

のPrime Facesフォーラムでの彼の答え、それを変更するprimeFacesのpicklistの簡単なオプションはありません?それは本当にコンポーネントをそのまま使用するか、独自のコンポーネントを作成するだけですか?私はボタンを別の方法で注文する方が直感的ではないと思って混乱しています。 – Chris

+1

ボタンのカスタムタイトルとその表示/非表示機能を提供しています...新しい機能チケットをいつでも開くことができます... – Daniel

関連する問題