treetest2.xml

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

<?xml version="1.0"?>

<!--

	This test application is identical to TreeTest.xml with one slight
	difference: It tests updateing a row only

-->

<Application>

	<Window caption="Tree Test 2" width="500" height="400" centered="true"/>
	<Resources>
		<Script><![CDATA[

function TreeTest2() {
	var win = application.getWindow();
	var t = new BiTree;
	t.setLocation(10,10);
	t.setRight(120);
	t.setBottom(40);

	var count = 0;
	var cols = 4;
	function getArray() {
		var res = new Array(cols);
		for (var x = 0; x < cols; x++) {
			if (x == 0)
				res[x] = "Item " + count + " (string)";
			else if (x == 1)
				res[x] = new Date( Math.random() * 1e12 )
			else
				res[x] = Math.round(Math.random() * 10000);
		}
		count++;
		return res;
	};

	var MAX = 100;

	var tmp, tmp2, tmp3;
	for (var i = 0; count < MAX; i++) {
		t.addNode( tmp = new BiTreeNode(getArray()) );
		for (var j = 0; j < 5 && count < MAX; j++) {
			tmp.addNode( tmp2 = new BiTreeNode(getArray()) );
			tmp2.setExpanded(false);
			for (var k = 0; k < 0 && count < MAX; k++) {
				tmp2.addNode( tmp3 = new BiTreeNode(getArray()) );
			}
		}
	}

	var	clockItem = new BiTreeNode(["Now", new Date(), new Date().valueOf(), 0]);
	t.addNode(clockItem);


	t.setColumnCount(4);
	t.setColumnOrders([0,1,2,3]);
	t.setColumnNames(["Column 0", "Column 1", "Column 2", "Column 3"]);
	t.setColumnWidths([100,100,100,100]);
	t.setColumnSortTypes(["string", "date", "number", "number"]);

	t.setIndentColumn(0);
	t.setIconColumn(0);
	t.getColumns()[2].setAlign("right");

	t.setColumnOrders([3,1,2,0]);

	win.add(t);
	t.updateColumns();
	t.updateData();

	// indentColumn
	var sp2 = new BiSpinner();
	sp2.setMaximum(3);
	sp2.setMinimum(-1);
	sp2.setValue(0);
	sp2.addEventListener("change", function () {
		t.setIndentColumn(sp2.getValue());
		t.updateColumns();
		t.updateData();
	});
	sp2.setLeft(10);
	sp2.setBottom(10)
	win.add(sp2);

	// iconColumn
	var sp3 = new BiSpinner();
	sp3.setMaximum(3);
	sp3.setMinimum(-1);
	sp3.setValue(0);
	sp3.addEventListener("change", function () {
		t.setIconColumn(sp3.getValue());
		t.updateData();
	});
	sp3.setLeft(70);
	sp3.setBottom(10);
	win.add(sp3);

	var cb1 = new BiCheckBox("showLines", true);
	var cb2 = new BiCheckBox("showRootLines", false);
	var cb3 = new BiCheckBox("showPlusMinus", true);
	var cb4 = new BiCheckBox("showHeaders", true);
	var cb5 = new BiCheckBox("liveResize", false);

	cb1.setWidth(100);
	cb2.setWidth(100);
	cb3.setWidth(100);
	cb4.setWidth(100);
	cb5.setWidth(100);

	cb1.setRight(10);
	cb2.setRight(10);
	cb3.setRight(10);
	cb4.setRight(10);
	cb5.setRight(10);

	cb1.setTop(10);
	cb2.setTop(30);
	cb3.setTop(50);
	cb4.setTop(70);
	cb5.setTop(90);

	win.add(cb1);
	win.add(cb2);
	win.add(cb3);
	win.add(cb4);
	win.add(cb5);

	cb1.addEventListener("change", function (e) {
		t.setShowLines(cb1.getChecked());
		t.updateColumns();
		t.updateData();
	});

	cb2.addEventListener("change", function (e) {
		t.setShowRootLines(cb2.getChecked());
		t.updateData();
	});

	cb3.addEventListener("change", function (e) {
		t.setShowPlusMinus(cb3.getChecked());
		t.updateColumns();
		t.updateData();
	});

	cb4.addEventListener("change", function (e) {
		t.setShowHeaders(cb4.getChecked());
	});

	cb5.addEventListener("change", function (e) {
		t.setLiveResize(cb5.getChecked());
	});


	var out = new BiLabel;
	out.setTop(120);
	out.setRight(10);
	out.setWidth(100)
	out.setBottom(10);
	win.add(out);

	t.addEventListener("change", function (e) {
		var sb = [];
		var sb2;
		var nodes = t.getSelectedNodes();
		var count = t.getColumnCount();
		for (var i = 0; i < nodes.length; i++) {
			sb2 = [];
			for (var j = 0; j < count; j++)
				sb2.push( nodes[i].getData(j) );
			sb.push( "[" + sb2.join(", ") + "]" );
		}
		out.setText(sb.join("\n"));
	});


	var timerAdded;

	var timer = new BiTimer(1000);
	timer.addEventListener("tick", function (e) {
		clockItem._data[1] = new Date;
		clockItem._data[2] = new Date().valueOf();
		clockItem._data[3]++;
		clockItem.update();
	});
	timer.start();
}

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

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