2014-10-14 2 views
1

primefaces 대화 상자에서 localstorage 값에서 outputtext 구성 요소로 값을 설정하고 싶습니다. 대화 상자가 생성 된 HTML 버튼에primefaces 대화 상자에서 localstorage에서 outputtext 구성 요소로 값을 설정하십시오.

<td class="labelClass">Assigned Employee </td> 
<td class="colnClass"><label>:</label></td> 
<td class="valueClass"><span id="assignedEmpId"></span></td> 

document.getElementById('assignedEmpId').innerHtml = localStorage.myDataEmp; 
eventDialog.show(); 

을 클릭이다 그러나 locastorage의 값은 구성 요소로 설정되지 않는

<p:commandButton id="clickBtn" value="Click to display the Dialog"/> 

    <p:dialog id="eventDetailDialog" widgetVar="eventDialog" 
     header="Service Details> 
     <div> 
      <h:form id="topForm" prependId="false"> 
       <h:panelGrid id="eventDetails1"> 
        <h:outputText value="Assigned Employee "/> 
        <h:outputLabel value=":"/> 
        <h:outputText id="assignedEmpId" value="#{myBean.employee}"> 
        </h:outputText> 
       </h:panelGrid> 
      </h:form> 
     </div> 
    </p:dialog> 

입니다. localstorage 값을 jsf/primefaces 구성 요소로 설정하려면 어떻게해야합니까? jsf 2.1 및 primefaces 4.0 사용.

또한 W3 스쿨

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 
<body> 
<input type="button" id="clickBtn" value="Click Here"/> 
Assigned Employee 
<span id="assignedEmpId"></span> 

<script> 

    localStorage.setItem("lastname", "Smith"); 

$(document).ready(function() { 
    $("#clickBtn").click(function(){ 

    document.getElementById("assignedEmpId").innerHTML = localStorage.lastname; 

    }); 
}); 
</script> 

</body> 
</html> 

하지만 같은 JSF 작동하지 내의 샘플을했다. 왜?

+0

에 나는 당신의 facelet에서'assignedEmpId' ID가 구성 요소를 볼 수 없습니다. – Seitaridis

+0

soory 내 실수 .. 내가 질문에 코드를 수정했습니다. –

+0

http://stackoverflow.com/questions/15320379/jsf-primefaces-compatibility-with-html5-storage-methods를 살펴보십시오. localStorage에 액세스하는 방법을 검색했으며 balusc.blogspot.ro/2012/06/omnifaces-10-is-released.html에서 이러한 기능에 대한 언급을 발견했습니다. 그러나 구현되었는지는 알 수 없습니다. – Seitaridis

답변

0

답변을 얻었습니다. :)

변화

document.getElementById('assignedEmpId').innerHtml = localStorage.myDataEmp; 

document.getElementById('assignedEmpId').innerHTML = localStorage.myDataEmp; 
-2
<p:commandButton value="Click to display the Dialog" 
       oncomplete="PF('eventDialog').show()" 
       update="eventDetailDialog" /> 
관련 문제