listtest3.xml

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

<?xml version="1.0"?>

<!--

	This is a test for extending the list to make it look more like the
	outlook bar

-->

<Application>

	<Window caption="List Test" width="200" height="400"/>

	<Resources>
		<Script><![CDATA[

function ListTest3() {
	var win = application.getWindow();

	var l = new OutlookList;
	l.setLocation(5,5)
	l.setRight(5);
	l.setBottom(5);
	win.add(l);

	for (var i = 0; i < 10; i++)
		l.add( new OutlookListItem( "Item " +i) );
}


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






function OutlookList() {
	BiList.call(this);
	this.setBackColor("ThreeDShadow");
	this.setMultipleSelection(false);
}
OutlookList.prototype = new BiList;


function OutlookListItem(sText, oIcon) {
	BiListItem.call(this, sText);
	this.setIconPosition("top");
	this.setIcon(oIcon || this._defaultIcon);
	this.setAlign("center");
	this.setBorder(this._normalBorder);
	this.setPadding(5);
	this.setForeColor("white");

	this.addEventListener("mouseover", this._onMouseOver);
	this.addEventListener("mouseout", this._onMouseOut);
}

var _p = OutlookListItem.prototype = new BiListItem;

_p._overBorder = new BiBorder;
_p._overBorder.setLeft(1, "solid", "ThreeDHighlight");
_p._overBorder.setTop(1, "solid", "ThreeDHighlight");
_p._overBorder.setRight(1, "solid", "ThreeDDarkShadow");
_p._overBorder.setBottom(1, "solid", "ThreeDDarkShadow");
_p._normalBorder = new BiBorder(1, "solid", "ThreeDShadow");
_p._defaultIcon = new BiImage( "images/folder.open.32.png", 32, 32 );

_p._onMouseOver = function (e) {
	this.setBorder( this._overBorder );
};

_p._onMouseOut = function (e) {
	this.setBorder( this._normalBorder );
};

_p._setSelected = function (b) {
	this.setForeColor( b ? "HighlightText" : "white");
	BiListItem.prototype._setSelected.call(this, b);
};

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