다시 렌더링 된 영역에서 스크립트를 다시 실행하는 방법은 무엇입니까?

Question

이 내 페이지의 부분적으로 다시 쓰게 지역에 richfaces/Ajax4jsf를를 사용, 여기에 옷을 벗었 예제 :

<a4j:commandButton value="..." reRender="infoBlock" action="#{...}"/> 
<h:panelGrid id="infoBlock"> 
    <h:outputText value="..."/> 
    <f:verbatim> 
    <script type="text/javascript"> 
     console.log('test') 
    </script> 
    </f:verbatim> 
</h:panelGrid> 

infoBlock가 다시 렌더링 할 때 내 문제는, 스크립트 console.log('test')가 재실행되지 않습니다됩니다.

그런데 스크립트 태그를 제거하고 oncomplete="console.log('test')"을 사용할 수 있다는 것을 알고 있습니다. 그러나 실제 응용 프로그램에서 스크립트는 사용하는 구성 요소에 의해 렌더링되는 것이 더 복잡하므로이 변경은 매우 까다로운 작업 일 수 있습니다.

내 질문은 : 다시 렌더링 된 영역에서 스크립트를 다시 실행하는 방법은 무엇입니까?

Answer 1

제공 한 코드 예제는 사용자가 요구 한 것과 정확히 일치합니다. 버튼을 누를 때마다 - test 텍스트가 콘솔에 기록됩니다. RichFaces에서 즉시 사용 가능한 동작입니다. 다시 렌더링 된 영역의 스크립트는 다시 평가됩니다.

Answer 2

스크립트는 정적이어야하며 동적으로 작동하는 데이터이므로이 작업을 시도하지 마십시오. 대신, 영역이 다시 렌더링 될 때 일부 변경된 동적 데이터에서 작동하는 콜백을 실행하십시오. 이미이 메커니즘을 가지고 있습니다 : oncomplete="rerendered('infoBlock')".

그런 다음 동적 데이터를 읽고 그것으로 뭔가를 어딘가에 정적 코드를해야합니다 - 정적 코드 페이지에 스크립트 요소에 포함되어서는 안 : 왜 그대로 작동하지 않습니다에 관해서는

function rerendered(regionName) { 
    //Do something depending on regionName 
} 

, 우리는 약간 "낮은"수준으로 갈 필요가있다.

주어진 스크립트 요소 객체는 내용이 이미 실행되었는지 여부를 알려주는 플래그를 가지고 있습니다. 스크립트 요소가 기본 DOM 트리에 삽입되면 플래그가 false 인 경우에만 실행됩니다.

.innerHTML 등을 사용하면 html 내부의 스크립트 요소가 전혀 실행되지 않습니다.

위의 메커니즘 중 하나가 사용중인 것으로 보입니다.