Scrollbare Bereiche
Ein scrollbarer Bereich ist ein Div, in dem der Inhalt im Laufe der Zeit von unten nach oben scrollt.
Sie können jeden HTML-Inhalt scrollen, und alles, was sich im Scroller befindet, ist betriebsbereites HTML mit funktionierenden Links und Bildern.
Um einen scrollbaren Bereich zu erstellen, schließen Sie den scrollenden Inhalt innerhalb eines Tags „scrollable_area“ ein, wahrscheinlich auf einer UI-Seite:
<g:scrollable_area height="100px">
<g2:evaluate var="jvar_temp" expression="var kb = new GlideRecord('kb_knowledge');"/>
<g:inline template="kb_section.xml"/>
</g:scrollable_area>Das System erstellt dann ein 100 Pixel hohes Div, und der Inhalt wird automatisch von unten nach oben gescrollt. Wenn Sie beispielsweise einen 1000 Pixel hohen Textblock haben, werden die oberen 100 Pixel und dann die Pixel 2-101, dann 3-102 usw. angezeigt. Wenn oben angekommen ist, scrollt er wieder nach unten.
Dieser Beispielcode erstellt einen Scroller mit einer Liste von Incidents mit Priorität 1.
<?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.query();
</g2:evaluate>
<g2:scrollable_area height="100px">
<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]">
<IMG SRC="images/services.png" style="padding-right:10px"></IMG>
</a>
<a href="$[jvar_inc_link]" style="padding-right:10px; color:blue">$[inc.number]</a>
</td>
<td>$[inc.short_description]</td>
</tr>
</j2:while>
<tr>
<td align="center" colspan="2"><a href="$[jvar_inc_list_link]" style="color:blue">View all active incidents</a></td>
</tr>
</table>
</g2:scrollable_area>
</j:jelly>