toolbartest.xml

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

<Application>

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

	<Resources>
		<Script><![CDATA[

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

	// icons
	var smallFolder = new BiImage("images/folder.open.16.png", 16, 16);
	var image = new BiImage("images/folder.open.32.png", 32, 32);
	var largeButtonWidth = 54;
	var viewsIcon = new BiImage("images/views.16.png", 16, 16);

	// tool bar 1
	var toolBar = new BiToolBar;
	toolBar.setLeft(0);
	toolBar.setRight(0);
	win.add(toolBar);

	var b1 = new BiToolBarButton("Test Button");
	var b2 = new BiToolBarButton("", smallFolder);
	var tbs = new BiToolBarSeparator;
	var b3 = new BiToolBarButton("Test Button 2");
	var b4 = new BiToolBarButton("Test Button 3", smallFolder);
	var tbs4 = new BiToolBarSeparator;


	// drop down
	var ddb = new BiToolBarMenuButton("", viewsIcon);
	var m = new BiMenu();
	for (var i = 0 ; i < 10; i++)
		m.add( new BiMenuItem("Test " + i) );
	ddb.setMenu(m);

	//ddb.setEnabled(false);
	b4.setEnabled(false);

	// add buttons to tool bar
	toolBar.add(b1);
	toolBar.add(b2);
	toolBar.add(tbs);
	toolBar.add(b3);
	toolBar.add(b4);
	toolBar.add(tbs4);
	toolBar.add(ddb);
	ddb.layoutAllChildren();

	// tool bar 2
	var toolBar2 = new BiToolBar;
	toolBar2.setLeft(0);
	toolBar2.setRight(0);
	win.add(toolBar2);

	function makeLargeIconButton(b) {
		b.setIconPosition("top");
		b.setIconTextGap(0);
		b.setWidth(largeButtonWidth);
	}

	var b5 = new BiToolBarButton("Icon", image);
	makeLargeIconButton(b5);

	var b6 = new BiToolBarButton("And", image);
	makeLargeIconButton(b6);

	var b7 = new BiToolBarButton("Text", image);
	makeLargeIconButton(b7);

	var b8 = new BiToolBarRadioButton("Radio 1", image, true);
	makeLargeIconButton(b8);

	var b9 = new BiToolBarRadioButton("Radio 2", image);
	makeLargeIconButton(b9);

	var b10 = new BiToolBarToggleButton("Check", image);
	//var b10 = new BiToolBarButton("Check", image);
	makeLargeIconButton(b10);
	b10.setToolTip( new BiToolTip("BiToolBarToggleButton") );

	b7.setEnabled(false);

	// radio group
	var radioGroup = new BiRadioGroup;
	radioGroup.add(b8);
	radioGroup.add(b9);

	var tbs2 = new BiToolBarSeparator;
	var tbs3 = new BiToolBarSeparator;

	toolBar2.add(b5);
	toolBar2.add(b6);
	toolBar2.add(b7);
	toolBar2.add(tbs2);
	toolBar2.add(b8);
	toolBar2.add(b9);
	toolBar2.add(tbs3);
	toolBar2.add(b10);

	toolBar.setHeight(16 + 6 + 4);
	toolBar2.setTop(toolBar.getTop() + toolBar.getHeight() - 2 );
	toolBar2.setHeight(b5.getHeight() + 4);
	//toolBar2.setHeight(56);

}


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

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