Scrollbare Bereiche
Ein scrollbarer Bereich ist ein Div, in dem Inhalte im Laufe der Zeit von unten nach oben scrollen.
Sie können durch jeden beliebigen HTML-Inhalt scrollen, und alles innerhalb des Scrollers ist funktionsfähige HTML mit funktionierenden Links und Bildern.
Um scrollbare Bereiche zu erstellen, umbrechen Sie den scrollbaren Inhalt in ein scrollable_area-Tag, 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 eine 100 Pixel hohe Div., und der Inhalt scrollen automatisch von unten nach oben. Wenn Sie beispielsweise einen 1000 Pixel hohen Textblock haben, sehen Sie die 100 Pixel, dann 2–101 Pixel, dann 3–102 usw. Sobald sie oben erreicht ist, wird sie wieder nach unten gewickelt.
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>