<html>
<head><br/>
<link rel="STYLESHEET" type="text/css" href="styles/system/aw.css">
<script type="text/javascript" src="lib/aw.js"></script>
</head>
<body>
<script type="text/javascript">
var list1 = new AW.UI.List;
list1.setId("list1");
list1.setItemText(["a","b","c","d","e","f","g","h","i","j"]);
list1.setItemValue(["1","2","3","4","5","6","7","8","9","10"]);
list1.setItemCount(10);
list1.setSelectionMode("multi");
list1.onSelectedItemsChanged = function(array){
alert('list1 changed');
list2.setSelectedItems([0,1,2]);
}
document.write(list1);
</script><br/>
<br/>
<script type="text/javascript">
var list2 = new AW.UI.List;
list2.setId("list2");
list2.setItemText(["a","b","c","d","e","f","g","h","i","j"]);
list2.setItemValue(["1","2","3","4","5","6","7","8","9","10"]);
list2.setItemCount(10);
list2.setSelectionMode("multi");
list2.onSelectedItemsChanged = function(array){
alert('list2 changed');
}
document.write(list2);
</script>
</body>
</html>
list1.onSelectedItemsChanged = function(array){
this.setTimeout(function(){
list2.setSelectedItems([0,1,2]);
});
}
This topic is archived.