this was working with version 2.2.1:
Code: Select all
<p:dialog widgetVar="goal" resizable="false" modal="true"
closable="false" minWidth="750" minHeight="400"
visible="#{tournamentMatchBean.goalDialogVisible}">
<h:panelGroup id="goal_content">
<h:outputText styleClass="stdTextBold"
value="Goal for #{tournamentMatchBean.getActionTeamName()}" />
<br />
<br />
<h:panelGrid columns="2">
<h:panelGroup id="goal_information_grid">
<p:fieldset id="selectedGoalPlayer" legend="Player">
<p:outputPanel id="dropGoalPlayerArea">
<h:outputText value="Drop goal player here!"
styleClass="successText"
rendered="#{empty tournamentMatchBean.droppedGoalPlayer}" />
<p:dataGrid var="player" id="goal_player_list_grid"
value="#{tournamentMatchBean.droppedGoalPlayer}"
rendered="#{not empty tournamentMatchBean.droppedGoalPlayer}">
<p:column>
<p:panel id="player_drop_panel">
<h:outputText styleClass="smallText"
value="#{player.number} #{player.first_name} #{player.last_name}" />
</p:panel>
</p:column>
</p:dataGrid>
</p:outputPanel>
</p:fieldset>
<p:droppable for="selectedGoalPlayer" tolerance="touch"
activeStyleClass="ui-state-highlight" datasource="team_goal_players"
dropListener="#{tournamentMatchBean.onGoalPlayerDrop}"
onDropUpdate="dropGoalPlayerArea team_goal_players">
</p:droppable>
<br />
<p:fieldset id="selectedAssist" legend="Assist">
<p:outputPanel id="dropAssistArea">
<h:outputText value="Drop assist player here!"
styleClass="successText"
rendered="#{empty tournamentMatchBean.droppedAssistPlayer}" />
<p:dataGrid var="player"
value="#{tournamentMatchBean.droppedAssistPlayer}"
rendered="#{not empty tournamentMatchBean.droppedAssistPlayer}">
<p:column>
<p:panel id="player_drop_panel">
<h:outputText styleClass="smallText"
value="#{player.number} #{player.first_name} #{player.last_name}" />
</p:panel>
</p:column>
</p:dataGrid>
</p:outputPanel>
</p:fieldset>
<p:droppable for="selectedAssist" tolerance="touch"
activeStyleClass="ui-state-highlight" datasource="team_goal_players"
dropListener="#{tournamentMatchBean.onAssistPlayerDrop}"
onDropUpdate="dropAssistArea team_goal_players">
</p:droppable>
<br />
<p:fieldset id="goal_time" legend="Time"
style="width: 150px; height: 60px;">
<p:inputText maxlength="2" style="width: 15px"
value="#{tournamentMatchBean.goalMin}" >
<f:validateLongRange minimum="0" maximum="60" />
</p:inputText>
<h:outputText styleClass="stdTextBold" value="m " />
<p:inputText maxlength="2" style="width: 15px"
value="#{tournamentMatchBean.goalSec}">
<f:validateLongRange minimum="0" maximum="60" />
</p:inputText>
<h:outputText styleClass="stdTextBold" value="s " />
</p:fieldset>
</h:panelGroup>
<h:panelGroup id="team_goal_player_group">
<p:fieldset legend="Team Players">
<p:dataGrid id="team_goal_players" var="player"
value="#{tournamentMatchBean.players}" columns="3">
<p:column>
<p:panel id="player_panel" style="text-align:center">
<h:outputText styleClass="smallText"
value="#{player.number} #{player.first_name} #{player.last_name}" />
</p:panel>
<p:draggable for="player_panel" revert="true"
handle=".ui-panel-titlebar" stack=".ui-panel" />
</p:column>
</p:dataGrid>
</p:fieldset>
</h:panelGroup>
</h:panelGrid>
<br />
<p:commandButton value="Add Goal" id="goal_add_action"
title="Add Goal for #{tournamentMatchBean.team2.team_name}"
action="#{tournamentMatchBean.addGoal}" image="ui-icon ui-icon-gear"
ajax="false" actionListener="#{tournamentMatchBean.addGoalListener}" />
<p:commandButton value="Close" title="Close"
action="#{tournamentMatchBean.reset}" image="ui-icon ui-icon-gear"
ajax="false" />
<br />
<p:messages showSummary="true" showDetail="false" />
</h:panelGroup>
</p:dialog>
Any ideas?
Lars