是否有一种简单的方法来改变PrimeFaces选择列表中的排序顺序和移动按钮? 为了更好的可用性我需要的按钮在这个顺序:如何更改primeFaces选择列表按钮的顺序
排序:
all up
up
down
all down
和移动:
all to the right
right
left
all to the left
我只是谁实现了虚拟页,有人在一个否则必须作为PrimeFaces组件实现,我在这里设计。所以我不希望它成为程序员不可能完成的任务。
是否有一种简单的方法来改变PrimeFaces选择列表中的排序顺序和移动按钮? 为了更好的可用性我需要的按钮在这个顺序:如何更改primeFaces选择列表按钮的顺序
排序:
all up
up
down
all down
和移动:
all to the right
right
left
all to the left
我只是谁实现了虚拟页,有人在一个否则必须作为PrimeFaces组件实现,我在这里设计。所以我不希望它成为程序员不可能完成的任务。
没有内置的buttonTemplate功能,你可以用css改变顺序。
代码:
.ui-picklist-button-add {
position:relative;
top:25px;
}
.ui-picklist-button-add-all {
position:relative;
top:-40px;
}
- >这是 '擎天柱' 说。他在Prime Faces论坛上对我的问题的回答为
,你可以尝试用jQuery做这样的:JavaScript moving element in the DOM
使用Firebug找出按键的所有类和容器
例如尝试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
方法,然后重新排序按钮...
虽然你将不得不使用r e每次需要升级时打补丁
很好的解决方案,css从来没有我的强大的一面... – Daniel 2012-02-23 13:05:38
你的解决方案肯定会工作,太。但是这个更优雅。 – Chris 2012-02-23 13:21:49
还有更多,这就是我给+1的原因 – Daniel 2012-02-23 13:26:30