製作此類頁面的一個方法是使用所有靜態元素設計頁面,然後將 Script 新增到 HTML:
下列範例程式碼會在布林元素值為 true 時顯示黃色燈,而在值為 false 時顯示紅色燈:
<html><head><title>Page Title</title>
<script src='manage.inc'></script>
<script>
function updateMyLamp(val)
{
if (val == 'On')
{
document.getElementById(‘myImage').src = 'redLamp.gif';
}
else {
document.getElementById(‘myImage').src = 'yellowLamp.gif';
}
}
</script>
</head>
<body>
<script>
var lamp = new WebObject;
bind(window.lamp,
'ProcessController[0]::OMBoolean_attribute');
lamp.update = updateMyLamp;
</script>
<img id=myImage border=0>
<hr noshade>
<i>Rotate the bool values here<i>
<script>show('ProcessController[0]::rotate');</script>
</body>
</html>
物件及連結的宣告會在文件的標頭中發生,位於第二對 script 標籤之間。
bind 函數會作為模型中元素值與 Web 介面之間的橋樑。它採用兩個引數,JavaScript 物件的變數名稱(範例中的 lamp)及 Rational Rhapsody 中的模型元素名稱(範例中的 ProcessController[0]::rotate)。
在範例中,下列行會重新整理 Web GUI 中的更新模型值:
lamp.update = updateMyLamp;
如果頁面中的 GUI 控制項需要將資訊傳遞到裝置上,請呼叫對應物件的 set 方法。set 方法會接受一個引數,即新設定的值。