как получить доступ к переменной желе из javascript на сервисе сейчас

У меня ниже требования к SNOW

Я пытаюсь создать набор записей об инциденте на странице пользовательского интерфейса с помощью скрипта gelly и пытаюсь показать время, прошедшее с даты создания записи, в столбце каждой записи. Я использую цикл while для желе, но он печатает значение только для первой записи. Остальные записи не печатают новое значение столбца.

Я хочу иметь переменную на желе и доступ из JS. Поскольку здесь demo/ demo1 являются статическими, они каждый раз переопределяются, и я получаю значение только для одной записи.

PFB скрипт страницы пользовательского интерфейса:

также снимок экрана PFA. Снимок экрана

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
   <g2:evaluate var="jvar_inc">
      var inc = new GlideRecord('incident');
      inc.addActiveQuery();
      inc.addQuery('priority',1);
      inc.setCategory('homepage');
      inc.query();
   </g2:evaluate>
   <table border="0" cellspacing="2" cellpadding="0" width="100%">
      <j2:while test="$[inc.next()]">
         <j2:set var="jvar_inc_link" value="incident.do?sys_id=$[inc.sys_id]"/>
         <j2:set var="jvar_inc_list_link" value="incident_list.do?sysparm_query=active=true"/>
         <tr>
            <td>
               <a href="$[jvar_inc_link]">
               <span style="padding-right:10px;"><IMG SRC="images/icons/incidents.gifx"/></span>
               </a>
               <a href="$[jvar_inc_link]" class="linked" style="padding-right:10px;">$[inc.number]</a>
            </td>
            <td>$[inc.short_description]</td>
            <td>
               <p id="demo1">$[inc.sys_created_on]</p>
            </td>
            <td>
               <p id="demo"></p>
               <script>
                  var myVar = setInterval(myTimer ,1000);
                  function myTimer() {
                      var d2 = new Date(document.getElementById("demo1").innerHTML);
                          var d = new Date();

                          var d11 = d.getTime();
                          var d22 = d2.getTime();

                          var time = (d11 - d22)/1000;

                          var min = Math.floor(time / 60);
                          var sec = time - min * 60;
                          var hh = Math.floor(min / 60);
                          min = min - hh * 60;
                          var day = Math.floor(hh / 24);
                          hh = hh - day * 24;


                          document.getElementById("demo").innerHTML = day+' : '+hh+' : '+min+' : '+Math.floor(sec);
                  }

               </script>
            </td>
         </tr>
      </j2:while>
      <tr>
         <td align="center" colspan="2"><a href="$[jvar_inc_list_link]" class="linked">${gs.getMessage("View all active Incidents")}</a></td>
      </tr>
   </table>
</j:jelly>

javascript servicenow jelly
person Shubhendu Pramanik    schedule 06.02.2017    source источник
comment
Измените идентификатор этого <p id="demo"></p> на какой-либо уникальный идентификатор для каждого тега.   -  person Light    schedule 07.02.2017

Ответы (1)


arrow_upward
1
arrow_downward

Попробуйте приведенный ниже код:

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
   <g2:evaluate var="jvar_inc">
      var inc = new GlideRecord('incident');
      inc.addActiveQuery();
      inc.addQuery('priority',1);
      inc.setCategory('homepage');
      inc.query();
   </g2:evaluate>
   <table border="0" cellspacing="2" cellpadding="0" width="100%">
   <script>
   var i = 1;
   var randomId;
   </script>
      <j2:while test="$[inc.next()]">
         <j2:set var="jvar_inc_link" value="incident.do?sys_id=$[inc.sys_id]"/>
         <j2:set var="jvar_inc_list_link" value="incident_list.do?sysparm_query=active=true"/>
         <tr>
            <td>
               <a href="$[jvar_inc_link]">
               <span style="padding-right:10px;"><IMG SRC="images/icons/incidents.gifx"/></span>
               </a>
               <a href="$[jvar_inc_link]" class="linked" style="padding-right:10px;">$[inc.number]</a>
            </td>
            <td>$[inc.short_description]</td>
            <td>
               <script>
                document.write('<p id="demos'+i+'">$[inc.sys_created_on]</p>');
                   </script>
            </td>
            <td>
            <script>
                document.write('<p id="demo'+i+'" ></p>');
            </script>

               <script>

                  //var myVar = setInterval(myTimer ,1000);
                   myTimer();
                  function myTimer() {

                      var d2 = new Date(document.getElementById("demos"+i).innerHTML);
                          var d = new Date();

                          var d11 = d.getTime();
                          var d22 = d2.getTime();

                          var time = (d11 - d22)/1000;

                          var min = Math.floor(time / 60);
                          var sec = time - min * 60;
                          var hh = Math.floor(min / 60);
                          min = min - hh * 60;
                          var day = Math.floor(hh / 24);
                          hh = hh - day * 24;

                   randomId = "demo"+i;
                   console.log(randomId);
                          document.getElementById(randomId).innerHTML = day+' : '+hh+' : '+min+' : '+Math.floor(sec);
                  }
i++;
               </script>
            </td>
         </tr>
      </j2:while>
      <tr>
         <td align="center" colspan="2"><a href="$[jvar_inc_list_link]" class="linked">${gs.getMessage("View all active Incidents")}</a></td>
      </tr>
   </table>
</j:jelly>
person Light    schedule 07.02.2017