ユーザーのリストを表示するために DataTable - 素数面からの行選択 を使用しましたが、ページを実行するとこのエラーに直面しました
Cannot find component with identifier ":form:display" referenced from "j_idt24:people:0:selectButton".
ページのコード
<!-- the part is very important
if we did not put <ui:composition> will will get a very ugly UI
-->
<ui:composition>
<h:head>
<title>Contacts</title>
</h:head>
<!-- the part is very important -->
<body>
<h:form>
<p:growl id="msgs" showDetail="true" />
<p:dataTable id="people" var="person" value="#{personBean.users}">
<p:column headerText="ID" style="width:24%">
<h:outputText value="#{person.id}" />
</p:column>
<p:column headerText="Name" style="width:24%">
<h:outputText value="#{person.name}" />
</p:column>
<p:column headerText="Sex" style="width:24%">
<h:outputText value="#{person.sex}" />
</p:column>
<p:column headerText="Email" style="width:24%">
<h:outputText value="#{person.email}" />
</p:column>
<p:column style="width:4%">
<p:commandButton id="selectButton" oncomplete="personDialog.show()" icon="ui-icon-search" title="View" update=":form:display" >
<f:setPropertyActionListener value="#{person}" target="#{personBean.selectedPerson}" />
</p:commandButton>
</p:column>
</p:dataTable>
<p:dialog header="Person Detail" widgetVar="personDialog" resizable="false" id="perDlg"
showEffect="fade" hideEffect="explode" modal="true">
<h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">
<h:outputText value="Name:" />
<h:outputText value="#{personBean.selectedPerson.name}" style="font-weight:bold"/>
<h:outputText value="Sex" />
<h:outputText value="#{personBean.selectedPerson.sex}" style="font-weight:bold"/>
<h:outputText value="Email" />
<h:outputText value="#{personBean.selectedPerson.email}" style="font-weight:bold"/>
</h:panelGrid>
</p:dialog>
</h:form>
</body>
</ui:composition>
</html>
私のコードの問題は何ですか?