This documentation is archived and is not being maintained.

How to: Find the Index of an Element

This example shows how to find the index number of a newly added element by using the IndexOf method.

The following example defines a host DockPanel element in Extensible Application Markup Language (XAML) and uses a Button to invoke the FindIndex custom method.

<DockPanel Name="ParentElement">

    <TextBlock DockPanel.Dock="Top" Name="TxtDisplay"></TextBlock>

    <Button DockPanel.Dock="Top" Click="FindIndex">What is the Index Number
        of the Element Just Added?</Button>
    <DockPanel Name="MainDisplayPanel">
        <TextBlock DockPanel.Dock="Top">Text 1</TextBlock>
        <TextBlock DockPanel.Dock="Top">Text 2</TextBlock>

The related events are handled by using code behind. The index position of the element is reported back as a text string.

		private int c_counter = 0;
		void FindIndex(object sender, RoutedEventArgs e)
			// Create a new Text element.
			TextBlock newText = new TextBlock();
			// Add this element to the UIElementCollection of the DockPanel element.
			// Add a text node under the Text element. This text is displayed. 
			newText.Text = "New element #" + c_counter;
			// Display the Index number of the new element.    
			TxtDisplay.Text = "The Index of the new element is " +  MainDisplayPanel.Children.IndexOf(newText);