Обновление Ajax приводит к потере элементов, созданных javascript, в Primefaces

Question

В моей .xhtml форме есть элемент, в который I am appending html elements through javascript.

Когда я запускаю ajax commandButton, , эти добавленные элементы теряются .

Я пытался исключить этоэлемент из моего ajax update и сделать отправку partial (следуя этой практике Как исключить дочерний компонент при обновлении ajax родительского компонента? ), но напрасно, недавно добавленные элементыпотерян после обновления .

Есть ли способ избежать этого? Заранее спасибо:)

Пример кода:

 <h:form id="formID">
    <p:commandButton
          value="ajax_button" partialSubmit="true"
          update="@(#divOfElement :not(.notupdate))"
          ajax="true">
          <f:actionListener binding="#{myBean.myAction()}"/>
        </p:commandButton>

 </h:form>



<p:outputPanel id="divOfElement">
   <!-- other things i want to be updated-->
   <p:outputPanel id="panel_not_to_update"styleClass="notupdate">
      <!-- this div is filled with other elements from javascript code which will be destroyed when the ajax update takes place -->
   </p:outputPanel>

</p:outputPanel>

Здесь я хочу обновить divOfElement через командную кнопку ввызов ajax, , но исключает div с id panel_not_to_update, поэтому его дочерние элементы, добавленные через код javascript, не будут потеряны.

Я использую JSF 2.2 и Primefaces 7.0.