Manual Binding
Json Object Result

Json Magic
Json Magic Result

JSON Property Editor

<h:form id="fObject">
	<p:panel header="Manual Binding" styleClass="jeesl-panel">
		<f:facet name="actions">
			<j:svg type="jeeslSave" listener="#{jsonPropertyEditorBean.saveObject()}" update="@form" tooltip="#{msg.ttSave}"/>
		</f:facet>
		<j:inputGrid>
			<p:outputLabel value="BaseDir"/>
			<p:inputText value="#{jsonPropertyEditorBean.jsonObject.baseDir}"/>

			<p:outputLabel value="Level"/>
			<p:inputText value="#{jsonPropertyEditorBean.jsonObject.level}"/>
		</j:inputGrid>
	</p:panel>
	<p:panel header="Json Object Result" styleClass="jeesl-panel">
		<p>
			<h:outputText value="#{jsonPropertyEditorBean.jsonObjectResult}"/>
		</p>
	</p:panel>
</h:form>