Dialog
A widgetVar for the primefaces dialog may be passed as an attribute to the jeesl dialog. If none is set, the dialog defaults to its id followed by "Widget" (i.e. "#{cc.id}Widget").
The size of a dialog can be set with the attribute width (1 to 12) in the j:dialog element. It will then take up x / 12 of the viewport's width. If no width is specified, it will be set to 6 by default ,i.e. half of the viewport.
<p:panel header="Dialogs" styleClass="jeesl-panel">
<j:inputGrid>
<p:outputLabel value="Primefaces Dialog" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('wvPf').show();"/>
<p:outputLabel value="Jeesl Dialog" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('testWidget').show();"/>
<p:outputLabel value="Jeesl Dialog with footer" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('testWidget2').show();"/>
<p:outputLabel value="Fullscreen Jeesl Dialog" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('fullscreenWidget').show();"/>
<p:outputLabel value="Markup Dialog" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('markupWidget').show();"/>
<p:outputLabel value="Table Dialog" />
<j:svg type="jeeslSearch" listener="#{dialogBean.open()}" update=":grid" oncomplete="PF('tableWidget').show();"/>
<p:outputLabel value="Slot Dialog" />
<p:dialog id="dPf" widgetVar="wvPf" modal="true">
<j:slot width="12">
<h:form id="fPfDialog">
<p:panel header="Header" styleClass="jeesl-panel">
<f:facet name="actions">
<j:svg type="jeeslCancel" library="jeeslGfx" listener="#{dialogBean.close()}" update=":grid"
tooltip="#{msg.ttSave}" oncomplete="PF('wvPf').hide();"/>
</f:facet>
<p:messages for="item" redisplay="false" severity="warn,error" showSummary="true" showDetail="true" closable="true"/>
<j:inputGrid>
<p:outputLabel value="#{msg.Title}" />
<h:panelGroup styleClass="ui-outputtext"><h:outputText value="xx"/></h:panelGroup>
</j:inputGrid>
</p:panel>
</h:form>
</j:slot>
</p:dialog>
<h:form id="fJeeslDialog">
<j:dialog id="dJeesl" widgetVar="testWidget" header="Jeesl Dialog">
<f:facet name="actions">
<j:svg type="jeeslCancel" listener="#{dialogBean.save()}" update="@form"/>
</f:facet>
<j:inputGrid >
<p:outputLabel value="My Label" />
<h:outputText value="xx xx xx xx"/>
</j:inputGrid>
</j:dialog>
<j:dialog id="dJeesl2" widgetVar="testWidget2" header="Jeesl Dialog">
<h:form id="fMarkupDialog2">
<j:dialog id="dJeesl" widgetVar="markupWidget" header="Markup Dialog">
<f:facet name="actions">
<j:svg type="jeeslCancel" listener="#{dialogBean.save()}" update="@form"/>
</f:facet>
<jtp:inputMarkup value="#{dialogBean.markup}"/>
</j:dialog>
</h:form>
<h:form id="fTable">
<j:dialog id="dJeesl" widgetVar="tableWidget" header="p:dataTable" styleClass="jeesl-table-dialog">
<f:facet name="actions">
<j:svg type="jeeslCancel" listener="#{dialogBean.save()}" update="@form" library="jeeslGfx"/>
</f:facet>
<p:dataTable var="r" value="#{styleTableCellBean.rows}" styleClass="jeesl-datatable">
<p:columnGroup type="header">
<p:row>
<p:column colspan="1" headerText="" />
<p:columns var="c" value="#{styleTableCellBean.columns}">
<f:facet name="header"><h:outputText value="#{c.name[localeCode].lang}"/></f:facet>
</p:columns>
</p:row>
</p:columnGroup>
<p:column rendered="true">
<h:outputText value="#{r.name[localeCode].lang}"/>
</p:column>
<p:columns var="c" class="cell-select" value="#{styleTableCellBean.columns}">
<h:outputLabel onclick="jeeslCellSelection.single(this, '#{r.code}', '#{c.code}')">
<h:outputText value="#{r.code} #{c.code}"/>
</h:outputLabel>
</p:columns>
</p:dataTable>
</j:dialog>
</h:form>
</ui:composition>
<h:form id="fDialogSlot">
<j:dialog id="dJeesl" widgetVar="slotWidget" header="Slot Dialog" width="9" styleClass="jeesl-multipanel-dialog">
<f:facet name="actions">
<j:svg type="jeeslCancel" listener="#{dialogBean.save()}" update="@form"/>
</f:facet>
<j:row width="9">
<j:slot width="3">
<p:panel header="Left" styleClass="jeesl-panel"/>
</j:slot>
<j:slot width="3">
<p:panel header="Center" styleClass="jeesl-panel">
<p:outputLabel value="block in slot5"/>
</p:panel>
</j:slot>
<j:slot width="3">
<p:panel header="Right" styleClass="jeesl-panel">
<p:outputLabel value="block in slot 4"/>
</p:panel>
</j:slot>
</j:row>
</j:dialog>
</h:form>
</ui:composition>
Resource not found:
/jeesl/java/org/jeesl/showcase/web/mbean/component/prototype/DialogBean.java
must be available in the classpath