Beruflich Dokumente
Kultur Dokumente
Suite de Componentes
(DataTable, DataExporter, DataList, DataGrid, Growl, AjaxStatus, HotKey, AccordionPanel,
Efect, Dialog)
Paginación
Clasificación/Ordenación
Filtrado
Lazy loading
y más, con el apoyo de algunos otros componentes...
Características Básicas
liveScroll
Expansión de tablas
rowExpansion
DataExporter
Utilizando un commandButton
Binding + getRowData
f:param
f:setPropertyActionListener
Pasando como parámetro el objeto (se requiere la
versión 2.2 de EL)
Selección - RadioCheckBox
Radio/CheckBox Selection
Al dataTable se le agrega el atributo selection apuntando
a la variable del bean ya sea un pojo o una colección
según sea el caso.
p:column selectionMode
DataList
Dibuja una lista de Item's de igual forma que una lista de html:
value, var
itemType: especifica el tipo de item's de la lista (square, disc,
circle)
type: tipo de lista a mostrar
(unordered, ordered, definition)
paginator
effect: default true
value, var
columns
paginator, rows
paginatorPosition (both, top, bottom)
AccordionPanel
http://docs.jquery.com/UI/Effects
Effect
Uso de parámetros.
FieldSet
Draggable:
for: especifica el id del componente que va a poseer
esta característica.
axis: define la orientación (x, y)
helper: clone
revert: true, stack=".ui-panel"
opacity: 0.7, grid: 20, 45, containment="parent"
Drag & Drop
Droppable:
for: especifica el id del componente que va a poseer
esta característica.
tolerance: modo de intersección (touth)
datasource: especifica cual es el componente que provee
los datos.
dropListener: evento que se ejecuta al hacer el arrastre
del componente, se asocia con un objeto de tipo
DragDropEvent.
onDropUpdate: especifica el o los componentes a
actualizar al realizar el arrastre.
activeStyleClass="ui-state-highlight": le da un estilo al área
de arrastre.
Drag & Drop, Integración con DataGrid
y DataTable
Ejemplo:
Arrastrar componentes listados en un DataGrid/DataTable,
hacía una un FieldSet que actualizará el contenido de una
tabla.
<p:tabView...
Esta compuesta por p:tab's.
dynamic: hace que la rederización sea perezosa y se
carga mediante Ajax.
cache: habilita el mecanismo de cache para las tab's ya
cargadas. Por defecto es true.
tabChangeListener: evento ejecutado al cambiar de tab.
Se asocia a un objeto TabChangeEvent.
collapsible: indica si el TabView se puedo contraer.
TabView
Eventos:
nodeExpandListener
nodeCollapseListener
nodeSelectListener
Tree