スクロール可能な領域
スクロール可能な領域は、コンテンツが時間の経過とともに下から上にスクロールするdivです。
任意の HTML コンテンツをスクロールでき、スクローラ内のものはすべて、機能するリンクと画像を含む操作可能な HTML です。
スクロール可能な領域を作成するには、スクロールするコンテンツを scrollable_area タグ内 (おそらく UI ページ) でラップします。
<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>その後、システムは高さ 100 ピクセルの div を作成し、コンテンツは自動的に下から上にスクロールします。たとえば、高さが 1000 ピクセルのテキスト ブロックがある場合、上位 100 ピクセル、次にピクセル 2-101、次に 3-102 などが表示されます。上部に到達すると、下に戻ります。
このサンプルコードは、優先度 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>