Как изменить порядок кнопок выбора PrimeFaces

Question

Есть ли простой способ изменить порядок кнопок сортировки и перемещения из списка выбора PrimeFaces? Для удобства использования мне нужны кнопки в следующем порядке:

Сортировка:

all up
up
down
all down

и для перемещения:

all to the right
right
left
all to the left

Я только тот, кто реализует фиктивную страницу, а кто-то другой должен реализовать как компонент PrimeFaces то, что я здесь разрабатываю. Поэтому я не хочу, чтобы это было невыполнимой задачей для программиста.

Answer 1

Встроенной функции buttonTemplate нет, но вы можете изменить порядок с помощью css.

Код:

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

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

-> Так говорит «Оптимус Прайм». Его ответ на форуме Prime Faces на мой вопрос

Answer 2

вы можете попробовать сделать это с помощью jQuery следующим образом: Перемещение JavaScript-элемента в DOM

Используйте firebug, чтобы узнать все классы кнопок и их контейнеров

например попробуйте jQuery(".ui-picklist-target-controls .ui-picklist-button-move-top").insertAfter(".ui-picklist-target-controls .ui-picklist-button-move-top");

Если вы хотите пропатчить банку простых лиц, посмотрите файл PickListRenderer.java, где они используют метод encodeButton, и просто измените порядок кнопок ...

хотя вам придется обновлять его каждый раз, когда вы захотите обновить