AjaxCore
- Listener
- PartialSubmit
- Counter
- Process
- Validation
- RemoteCommand
- Dropdown
- Basic
- Event
- Selector
- Search
- Poll
- Fragment
- Status
Input
- DatePicker
- Calendar
- Editor
- Signature
- Spinner
- Slider
- InputText
- InputSwitch
- Password
- Keyboard
- Rating
- ColorPicker
- Inplace
- KeyFilter
- Knob
- TextEditor
Button
Data
- Carousel
- DataGrid
- DataList
- DataView
- DataScroller
- DataTable
- HorizontalTree
- OrderList
- Organigram
- DataExporter
- GMap
- Mindmap
- Diagram
- PickList
- Repeat
- Ring
- Schedule
- TagCloud
- Tree
- TreeTable
- Timeline
Panel
- Accordion
- Dashboard
- Fieldset
- Grid CSS
- Layout
- NotificationBar
- OutputPanel
- FlexGrid
- Panel
- PanelGrid
- Ribbon
- ScrollPanel
- TabView
- Toolbar
- Wizard
Overlay
- Tooltip
- Dialog
- Sidebar
Menu
- Breadcrumb
- ContextMenu
- Dock
- MegaMenu
- Menu
- Menubar
- MenuButton
- PanelMenu
- SlideMenu
- Stack
- Steps
- TabMenu
- TieredMenu
Charts
- Area
- Bar
- Bubble
- Donut
- Line
- Pie
- MeterGauge
- OHLC
- Animate
- Export
- Interactive
- Live
- Static
- Zoom
- Combined
- MultiAxis
- Date
- Responsive
ChartJs
- Bar
- Bubble
- Donut
- Line
- Pie
- Scatter
- PolarArea
- Radar
- Mixed
- Interactive
- Export
Messages
- Growl
- Messages
- StaticMessage
Multimedia
- Compare
- GraphicImage
- ContentFlow
- Cropper
- Galleria
- Barcode
- Media
- PhotoCam
- Switch
File
- Upload
- Download
DragDrop
- Draggable
- DataGrid
- DataTable
- Custom
Client Side Validation
- Basic
- Bean
- Custom
- Event
Dialog Framework
- Basic
- Data
- Message
- Nested
Misc
- Responsive
- AutoUpdate
- ThemeSwitcher
- OutputLabel
- BlockUI
- Cache
- Captcha
- Clock
- Collector
- DefaultCommand
- Effect
- ExceptionHandler
- FeedReader
- IdleMonitor
- ImportConstants
- ImportEnum
- CSP
- PrimeIcons
- FontAwesome
- Lifecycle
- Log
- Focus
- Hotkey
- Printer
- ProgressBar
- Context
- ResetInput
- Resizable
- Separator
- Spacer
- Spotlight
- Sticky
- Terminal
- Watermark

Ajax Framework - Partial Submit

PartialSubmit reduces network traffic by only adding the partially processed components to the ajax request post. For big pages with many input components, partialSubmit is extremely useful as it leads to more lightweight requests. Compare the Post Data displayed by the logger for the difference.

Documentation

partialSubmit.xhtml

<style type="text/css">
    .ui-log {
        left:auto;
        right:20px;
        top:300px;
    }
</style>


<h:form id="form">
    <p:log />

    <h:panelGrid columns="5" cellpadding="5">
        <h:outputLabel for="name" value="Name:" style="font-weight:bold" />
        <p:inputText id="name" />
        <p:commandButton value="False" partialSubmit="false" process="name" />
        <p:commandButton value="True" partialSubmit="true" process="name" />
    </h:panelGrid>

    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputText />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <p:inputTextarea />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
    <h:selectOneMenu />
    <br />
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

Nova-Light

Nova-Dark

Nova-Colored

Luna-Blue

Luna-Amber

Luna-Green

Luna-Pink

Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.