treeviewdnd2.xml

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

<?xml version="1.0"?>

<!-- This is a very simple test app using the dummy data model implemented
     by BiTreeViewDataModel
-->

<Application>
	<Window caption="Tree View Test" width="500" height="400">
		<SplitPane left="0" right="0" top="0" bottom="0" dividerLocation="250">
			<Grid2 id="grid-1" showHeaders="true" showRowHeaders="false" showGridLines="false">
				<Grid2Row>
					<Grid2Cell>Item 0</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 1</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 2</Grid2Cell>
				</Grid2Row>

			</Grid2>
			<Grid2 id="grid-2" showHeaders="true" showGridLines="false">
				<Grid2Row>
					<Grid2Cell>Item 0</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 1</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 2</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 3</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 4</Grid2Cell>
				</Grid2Row>
				<Grid2Row>
					<Grid2Cell>Item 5</Grid2Cell>
				</Grid2Row>
			</Grid2>
		</SplitPane>
	</Window>
	<Resources>
		<Script><![CDATA[

function TreeViewDnd2()
{
	var g1 = application.getComponentById( "grid-1" );
	var g2 = application.getComponentById( "grid-2" );

	var dm1 = g1.getDataModel();
	var dm2 = g2.getDataModel();

	g1.getSelectionModel().setMultipleSelection( false );
	g2.getSelectionModel().setMultipleSelection( false );

	dm1.getDropDataTypes = dm2.getDropDataTypes = function ( x, y )
	{
		return ["bindows/BiGrid2Row" ];
	};

	g1.addEventListener( "dragstart", this.onDragStart, this );
	g2.addEventListener( "dragstart", this.onDragStart, this );

	g1.addEventListener( "dragmove", this.onDragMove, this );
	g2.addEventListener( "dragmove", this.onDragMove, this );

	g1.addEventListener( "dragdrop", this.onDragDrop, this );
	g2.addEventListener( "dragdrop", this.onDragDrop, this );

}

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

_p = TreeViewDnd2.prototype;


_p.onDragStart = function ( e )
{
	var grid = e.getTarget();
	var dm = grid.getDataModel();
	var vm = grid.getViewManager();
	var y = grid.getStateManager().getDragY();
	var x = grid.getStateManager().getDragX();

	if ( x != -1 && x != null && y >= 0 && y < dm.getRowCount() )
	{
		e.addData( "bindows/BiGrid2Row", dm.getRowAt( y ) );
		e.addData( "bindows/BiGrid2Row.rowIndex", y );
		e.addAction( "move" );
		e.addAction( "copy" );
		e.startDrag();
	}
};

_p.onDragMove = function ( e )
{
	var grid = e.getTarget();
	var vm = grid.getViewManager();
	var mouseY = e.getOffsetY();
	var y = vm.getRowAt( mouseY );
};

_p.onDragDrop = function ( e )
{
	var grid = e.getTarget();
	var srcRow = e.getData( "bindows/BiGrid2Row" );
	var srcGrid = srcRow.getGrid();

	//srcGrid.removeRow( srcRow );
	srcGrid.getDataModel().removeRowAt( e.getData( "bindows/BiGrid2Row.rowIndex" ) );

	//var newRow = new BiGrid2Row( data.getData() );
	//grid.addRow( srcRow );
	grid.getDataModel().insertRowAt( srcRow, grid.getRows().length );

	grid.update();
	if ( grid != srcGrid )
		srcGrid.update();

};

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