Question

I have a grid with 5 cols and 10 rows and in each column the values should be 0-9 on click on the any number I have
to get the value of the clicked cell. what is the best way to build this ?

Answer 1

There are lots of ways to do this, and without knowing more about the requirements it’s hard to say which one would be best.

One way could be to attach a mouse click listener to the Grid, and in the handler, calculate which cell was clicked.

Grid grid = e.Source as Grid;
Point clickedPoint = e.GetPosition(Grid.RowProperty);
int rowClicked = (int)Math.Floor(clickedPoint.Y / grid.RowDefinitions.Count);

This is good for performance as there’s only one event listener — but you’d have to make sure that any elements you place on top of the Grid allow click events to bubble up (that is, if they implement a click listener, they should use e.Handled = false).

---

Another way, if you have UI elements in the Grid cells, would be to attach a click listener to each element in the Grid, and use clickedElement.GetValue(Grid.RowProperty) to get the row number.

---

Edit You could create a simple 5×10 grid using code-behind like this:

        const int columns=5, rows=10;
        for (int i = 0; i < columns; i++)
        {
            grid.ColumnDefinitions.Add(new ColumnDefinition());
            for (int j = 0; j < rows; j++)
            {
                if (i==0) grid.RowDefinitions.Add(new RowDefinition());
                var content = new TextBlock() { Text = j.ToString() };
                Grid.SetColumn(content, i);
                Grid.SetRow(content, j);
                grid.Children.Add(content);
            }
        }