bindowstest.xml

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

							<Calendar Box.flex="3" tabIndex="1"/>
						</HBox>
					</VBox>
				</TabPage>
				<TabPage text="Dialogs and Windows">
					<HBox left="5" right="5" top="5" bottom="5">
						<Component Box.flex="1">
							<VBox left="0" right="0" top="0" bottom="0">
								<Button onaction="(new BiColorPicker()).setVisible(true)"
										margin="5" text="Color Picker" tabIndex="1" />
								<Button onaction="BindowsTest.createWizard()"
										margin="5" marginBottom="20" text="Wizard" tabIndex="1" />
								<Button onaction="BiDialog.createMessageDialog('This is an information message.','', 'information').setVisible(true)"
										margin="5" text="Information Dialog" tabIndex="1" />
								<Button onaction="BiDialog.createMessageDialog('This is a warning message.','', 'warning').setVisible(true)"
										margin="5" text="Warning Dialog" tabIndex="1" />
								<Button onaction="BiDialog.createMessageDialog('This is an error message.','', 'error').setVisible(true)"
										margin="5" text="Error Dialog" tabIndex="1" />
								<Button onaction="BiDialog.createConfirmDialog('Are you sure?').setVisible(true)"
										margin="5" text="Confirm Dialog" tabIndex="1" />
								<Button onaction="BiDialog.createInputDialog('Please enter your name').setVisible(true)"
										margin="5" text="Input Dialog" tabIndex="1" />
								<Button onaction="BiDialog.createOptionDialog('Some text').setVisible(true)"
										margin="5" text="Option Dialog" tabIndex="1" />
							</VBox>
						</Component>
						<Component Box.flex="3">
							<VBox left="5" right="5" top="5" bottom="5">
								<DesktopPane id="desktopPane" Box.flex="1">
									<DesktopPane.border>
										<Border style="inset" width="2" bottomWidth="0"/>
									</DesktopPane.border>
								</DesktopPane>
								<ToolBar id="desktopToolBar">
									<ToolBarButton id="newButton" text="New Window" tabIndex="1">
										<ToolBarButton.icon>
											<Image uri="images/views.16.png" width="16" height="16"/>
										</ToolBarButton.icon>
									</ToolBarButton>
									<ToolBarSeparator/>
								</ToolBar>
							</VBox>
						</Component>
					</HBox>
				</TabPage>
				<TabPage text="Graphs and gauges">
					<AccordionPane border="2px inset" left="10" right="10" 
						top="10" bottom="10" id="graphsGaugesPane" 
						animationSpeed="5">
						<AccordionPage text="Graph" id="graphPage">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Graph type:"/>
									<ComboBox Box.flex="3" id="graphType" tabIndex="1">
										<ComboBoxItem userValue="line" selected="true">Line</ComboBoxItem>
										<ComboBoxItem userValue="column">Column</ComboBoxItem>
										<ComboBoxItem userValue="stackedcolumn">Stacked column</ComboBoxItem>
										<ComboBoxItem userValue="percentagestackedcolumn">Percentage stacked column</ComboBoxItem>
										<ComboBoxItem userValue="bar">Bar</ComboBoxItem>
										<ComboBoxItem userValue="stackedbar">Stacked bar</ComboBoxItem>
										<ComboBoxItem userValue="percentagestackedbar">Percentage stacked bar</ComboBoxItem>
										<ComboBoxItem userValue="pie">Pie</ComboBoxItem>
										<ComboBoxItem userValue="grid">Grid</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1" id="graphBox">
									<Label Box.flex="1" text="Graph:"/>
								</HBox>
							</VBox>
						</AccordionPage>
						<AccordionPage text="Graph2" id="graph2Page">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Graph type:"/>
									<ComboBox Box.flex="3" id="graph2Type" tabIndex="1">
										<ComboBoxItem userValue="column" selected="true">Column</ComboBoxItem>
										<ComboBoxItem userValue="stackedcolumn">Stacked column</ComboBoxItem>
										<ComboBoxItem userValue="percentagestackedcolumn">Percentage stacked column</ComboBoxItem>
										<ComboBoxItem userValue="bar">Bar</ComboBoxItem>
										<ComboBoxItem userValue="stackedbar">Stacked bar</ComboBoxItem>
										<ComboBoxItem userValue="percentagestackedbar">Percentage stacked bar</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="Graph:"/>
									<Graph2 Box.flex="3" id="graph2" tabIndex="1"/>
								</HBox>
							</VBox>
						</AccordionPage>
						<AccordionPage text="Gauge" id="gaugePage">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Change the value:"/>
									<Slider Box.flex="3" id="gaugeSlider" tabIndex="1"/>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1" id="gaugeBox">
									<Label Box.flex="1" text="Gauge:"/>
								</HBox>
							</VBox>
						</AccordionPage>
					</AccordionPane>
				</TabPage>
				<TabPage text="Grids and trees">
					<TabPane left="10" top="10" right="10" bottom="10">
						<TabPage text="Grid">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Selection mode:"/>
									<ComboBox Box.flex="3" id="gridSelection" tabIndex="1">
										<ComboBoxItem userValue="row_single" selected="true">Row - single</ComboBoxItem>
										<ComboBoxItem userValue="row_multiple">Row - multiple</ComboBoxItem>
										<ComboBoxItem userValue="cell_single">Cell - single</ComboBoxItem>
										<ComboBoxItem userValue="cell_multiple">Cell - multiple</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="Grid:"/>
									<Grid Box.flex="3" id="grid"
										columnCount="2"
										columnNames="Zero, One">
										<GridRow>
											<GridCell>0.0</GridCell>
											<GridCell>0.1</GridCell>
										</GridRow>
										<GridRow>
											<GridCell>1.0</GridCell>
											<GridCell>1.1</GridCell>
										</GridRow>
										<GridRow>
											<GridCell>2.0</GridCell>
											<GridCell>2.1</GridCell>
										</GridRow>
										<GridRow>
											<GridCell>3.0</GridCell>
											<GridCell>3.1</GridCell>
										</GridRow>
										<GridRow>
											<GridCell>4.0</GridCell>
											<GridCell>4.1</GridCell>
										</GridRow>
									</Grid>
								</HBox>
							</VBox>
						</TabPage>
						<TabPage text="Grid2">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Selection mode:"/>
									<ComboBox Box.flex="3" id="grid2Selection" tabIndex="1">
										<ComboBoxItem userValue="row_single">Row - single</ComboBoxItem>
										<ComboBoxItem userValue="row_multiple" selected="true">Row - multiple</ComboBoxItem>
										<ComboBoxItem userValue="cell_single">Cell - single</ComboBoxItem>
										<ComboBoxItem userValue="cell_multiple">Cell - multiple</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="Grid2:"/>
									<Grid2 Box.flex="3" id="grid2"
										columnNames="Zero, One">
										<Grid2Row>
											<Grid2Cell>0.0</Grid2Cell>
											<Grid2Cell>0.1</Grid2Cell>
										</Grid2Row>
										<Grid2Row>
											<Grid2Cell>1.0</Grid2Cell>
											<Grid2Cell>1.1</Grid2Cell>
										</Grid2Row>
										<Grid2Row>
											<Grid2Cell>2.0</Grid2Cell>
											<Grid2Cell>2.1</Grid2Cell>
										</Grid2Row>
										<Grid2Row>
											<Grid2Cell>3.0</Grid2Cell>
											<Grid2Cell>3.1</Grid2Cell>
										</Grid2Row>
										<Grid2Row>
											<Grid2Cell>4.0</Grid2Cell>
											<Grid2Cell>4.1</Grid2Cell>
										</Grid2Row>
									</Grid2>
								</HBox>
							</VBox>
						</TabPage>
						<TabPage text="Tree">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Selection mode:"/>
									<ComboBox Box.flex="3" id="treeSelection" tabIndex="1">
										<ComboBoxItem userValue="single" selected="true">Single</ComboBoxItem>
										<ComboBoxItem userValue="multiple">Multiple</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="Tree:"/>
									<Tree Box.flex="3" id="tree" indentColumn="0" iconColumn="0"/>
								</HBox>
							</VBox>
						</TabPage>
						<TabPage text="Tree2">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Selection mode:"/>
									<ComboBox Box.flex="3" id="tree2Selection" tabIndex="1">
										<ComboBoxItem userValue="single">Single</ComboBoxItem>
										<ComboBoxItem userValue="multiple" selected="true">Multiple</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="Tree2:"/>
									<Tree2 Box.flex="3" id="tree2" columnNames="Zero, One">
										<Tree2Row>
											<Tree2Cell>0.0</Tree2Cell>
											<Tree2Cell>0.1</Tree2Cell>
										</Tree2Row>
										<Tree2Row>
											<Tree2Cell>1.0</Tree2Cell>
											<Tree2Cell>1.1</Tree2Cell>
											<Tree2Row>
												<Tree2Cell>2.0</Tree2Cell>
												<Tree2Cell>2.1</Tree2Cell>
												<Tree2Row>
													<Tree2Cell>3.0</Tree2Cell>
													<Tree2Cell>3.1</Tree2Cell>
												</Tree2Row>
												<Tree2Row>
													<Tree2Cell>4.0</Tree2Cell>
													<Tree2Cell>4.1</Tree2Cell>
												</Tree2Row>
												<Tree2Row>
													<Tree2Cell>5.0</Tree2Cell>
													<Tree2Cell>5.1</Tree2Cell>
												</Tree2Row>
											</Tree2Row>
											<Tree2Row>
												<Tree2Cell>6.0</Tree2Cell>
												<Tree2Cell>6.1</Tree2Cell>
												<Tree2Row>
													<Tree2Cell>7.0</Tree2Cell>
													<Tree2Cell>7.1</Tree2Cell>
												</Tree2Row>
											</Tree2Row>
											<Tree2Row>
												<Tree2Cell>8.0</Tree2Cell>
												<Tree2Cell>8.1</Tree2Cell>
											</Tree2Row>
										</Tree2Row>
									</Tree2>
								</HBox>
							</VBox>
						</TabPage>
						<TabPage text="TreeView">
							<VBox left="5" right="5" top="5" bottom="5">
								<HBox margin="5" align="center">
									<Label Box.flex="1" text="Selection mode:"/>
									<ComboBox Box.flex="3" id="treeViewSelection" tabIndex="1">
										<ComboBoxItem userValue="single">Single</ComboBoxItem>
										<ComboBoxItem userValue="multiple" selected="true">Multiple</ComboBoxItem>
									</ComboBox>
								</HBox>
								<HBox margin="5" align="stretch" Box.flex="1">
									<Label Box.flex="1" text="TreeView:"/>
									<TreeView Box.flex="3" id="treeView">
										<TreeView.dataModel>
											<DataSetDataModel>
												<DataSetDataModel.dataSet>
													<XmlDataSet uri="datasetdata.xml"/> 
												</DataSetDataModel.dataSet>
											</DataSetDataModel>
										</TreeView.dataModel>
									</TreeView>
								</HBox>
							</VBox>
						</TabPage>
						<TabPage text="OlapGrid">
							<OlapGrid left="10" top="10" right="10" bottom="10"
								id="olapGrid">
								<OlapGrid.dataModel>
									<CsvOlapDataModel uri="olapsample.csv"/> 
								</OlapGrid.dataModel>
							</OlapGrid>
						</TabPage>
					</TabPane>
				</TabPage>
				<TabPage text="Iframe" id="iFramePage">
					<VBox left="5" right="5" top="5" bottom="5">
						<HBox margin="5" align="stretch" Box.flex="1">
							<Label Box.flex="1" text="Iframe:"/>
							<Iframe uri="http://www.bindows.net" Box.flex="3"
								border="2 inset" tabIndex="1"/>
						</HBox>
					</VBox>
				</TabPage>
			</TabPane>

			<HBox pack="end">
				<RepeatButton text="Repeat" margin="5"/>
				<Button text="Normal" margin="5"/>
			</HBox>

			<StatusBar id="statusBar">
				<StatusBarPanel left="0" width="100">Status</StatusBarPanel>
				<StatusBarPanel left="102" width="100">Bar</StatusBarPanel>
				<StatusBarPanel left="204" right="0">Panel</StatusBarPanel>
			</StatusBar>

		</VBox>

	</Window>
	<Resources>
		<Package name="Charting"/>
		<Package name="OlapGrid"/>
		<Script src="CsvOlapDataModel.js"/> 
		<Script><![CDATA[

function BindowsTest() {
	
	// Init exit command.
	exitCommand.addEventListener("execute", function (e) {
		application.getWindow().close();
	});
	
	// Init alignment command.
	alignmentCommand.addEventListener("uservaluechanged", function (e) {
		tabPane.setAlignment(this.getUserValue());