listtest.xml

ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．

<Application>

	<Window caption="List Test" width="400" height="500" centered="true"/>

	<Resources>
		<Script><![CDATA[

function ListTest() {

	var d0 = new Date;

	var win = application.getWindow();
	var l1 = new BiList;
	var l2 = new BiList;
	var li;
	var img = new BiImage("images/folder.open.48.png", 48, 48);

	var out1 = new BiLabel;
	var out2 = new BiLabel;

	l1.setLocation(5, 5);
	l1.setWidth(150);
	l1.setBottom(160);

	l1.setMultipleSelection(false);
	l2.setLocation(160, 5);
	l2.setRight(5);
	l2.setBottom(160);

	out1.setOverflow("auto");
	out1.setLeft(5);
	out1.setBottom(5);
	out1.setSize(150, 150);

	out2.setOverflow("auto");
	out2.setLeft(160);
	out2.setRight(5);
	out2.setBottom(5);
	out2.setHeight(150);

	for (var i = 0; i < 50; i++) {
		li = new BiListItem("Item " + i);
		li.setAlign("center");
		li.setIconPosition("top");
		li.setIcon(img);
		//li.setHtml("Item <b>" + i + "</b>");
		l1.add(li);
	}

	for (var i = 0; i < 100; i++) {
		li = new BiListItem("Item " + i);
		l2.add(li);
	}

	win.add(l1);
	win.add(l2);
	win.add(out1);
	win.add(out2);

	l1.addEventListener("change", function () {
		var sb = [];
		var items = l1.getSelectedItems();
		for (var i = 0; i < items.length; i++)
			sb[i] = items[i].getText();
		out1.setHtml(sb.join("<br>"));
	});

	l2.addEventListener("change", function () {
		var sb = [];
		var items = l2.getSelectedItems();
		for (var i = 0; i < items.length; i++)
			sb[i] = items[i].getText();
		out2.setHtml(sb.join("<br>"));
	});

	var d1 = new Date;
	win.setCaption(d1 - d0);

	var li5 = l1.getChildren()[5];
	li5.setSelected(true);
	li5.addEventListener("action", function () { alert("action for 5"); });

}


ListTest.main = function () { new ListTest(); };

		]]></Script>
	</Resources>
</Application>