Selection managers manage selection among a series of objects. They enable standard control and shift click modifiers to aid range selection. Selection managers provide methods to manipulate, add to and clear the selection. For example:
<canvas>
<dataset name="fruits">
<fruit>Oranges</fruit>
<fruit>Apples</fruit>
<fruit>Bananas</fruit>
<fruit>Grapes</fruit>
<fruit>Kiwis</fruit>
<fruit>Papayas</fruit>
<fruit>Watermelon</fruit>
<fruit>Strawberries</fruit>
<fruit>Cherries</fruit>
</dataset>
<simplelayout/>
<text>Select a series of items below. The control and shift-click modifiers
help select ranges.</text>
<view name="fruitlist">
<selectionmanager name="selector" toggle="true"/>
<simplelayout/>
<view name ="listitem"
datapath="fruits:/fruit"
onclick="parent.selector.select(this);">
<text name="txt" datapath="text()"/>
<method name="setSelected" args="amselected">
if (amselected) {
var txtColor = 0xFFFFFF;
var bgcolor = 0x999999;
} else {
var txtColor = 0x000000;
var bgcolor = 0xFFFFFF;
}
this.setBGColor( bgcolor );
this.txt.setAttribute('fgcolor', txtColor);
</method>
</view>
<method name="deleteSelected">
<![CDATA[
var csel = this.selector.getSelection();
for (var i = 0; i < csel.length; i++) {
csel[i].destroy();
}
this.selector.clearSelection();
]]>
</method>
</view>
<button onclick="fruitlist.deleteSelected();">Delete selection</button>
</canvas>
Initial Attributes (2)
Initial Attributes are given as attributes in LZX but are not generally available as properties in JavaScript.
Properties (3)
Methods (11)
Copyright © 2002-2007 Laszlo Systems, Inc. All Rights Reserved. Unauthorized use, duplication or distribution is strictly prohibited. This is the proprietary information of Laszlo Systems, Inc. Use is subject to license terms.