Unbound FlexGrid

The FlexGrid control is designed to work with various data sources and collections such as ObservableCollection and ICollectionView to leverage its full capabilities. However, the control is not restricted to data sources and can be used in unbound mode.

The image given below shows an unbound grid populated with cell index notation.

To create an unbound grid, add rows and columns to the grid using the Add method. The following code illustrates adding rows and columns in a grid and populating it with an indexing notation that specifies a cell by corresponding row and column index.

C#	Copy Code
for (int i = 0; i < 20; i++) { grid.Columns.Add(new Column()); } for (int i = 0; i < 500; i++) { grid.Rows.Add(new Row()); } // populate the unbound grid with some index for (int r = 0; r < grid.Rows.Count; r++) { for (int c = 0; c < grid.Columns.Count; c++) { grid[r, c] = string.Format("[{0},{1}]", r, c); } }

Copy Code

 for (int i = 0; i < 20; i++)
    {
       grid.Columns.Add(new Column());
    }
 for (int i = 0; i < 500; i++)
    {
       grid.Rows.Add(new Row());
     }

 // populate the unbound grid with some index
  for (int r = 0; r < grid.Rows.Count; r++)
    {
         for (int c = 0; c < grid.Columns.Count; c++)
            {
                grid[r, c] = string.Format("[{0},{1}]", r, c);
             }
     }

The indexing notation displayed in the grid specifies a cell by row and column index. The cells can also be specified by row index and column name, or by row index and column name. The indexing notation works in bound and unbound modes. In bound mode, the data is retrieved or applied to the items in the data source. In unbound mode, the data is stored internally by the grid. The new indexing notation displayed in the grid contains no items in the 0th row. This notation makes indexing easier as the indices match the index of data items and the column count matches the number of displayed properties. The only drawback of this notation is that a new method is required to access the content of fixed cells. The new method consists of additional properties called RowHeaders and ColumnHeaders that return an object of type GridPanel, which can be seen as a sub-grid having its own set of rows and columns. For example, use the following code to customize row headers.

C#	Copy Code
// get grid's row headers GridPanel rowHeader = grid.RowHeaders; // add a new fixed column to the grid rowHeader.Columns.Add(new Column()); // set the width and content of the row headers for (int c = 0; c < rowHeader.Columns.Count; c++) { for (int r = 0; r < rowHeader.Rows.Count; r++) { // set content for this cell rowHeader[r, c] = string.Format("hdr {0},{1}", r, c); } }

Copy Code

// get grid's row headers
 GridPanel rowHeader = grid.RowHeaders;

// add a new fixed column to the grid
rowHeader.Columns.Add(new Column());

// set the width and content of the row headers
for (int c = 0; c < rowHeader.Columns.Count; c++)
  {
     for (int r = 0; r < rowHeader.Rows.Count; r++)
         {
              // set content for this cell
              rowHeader[r, c] = string.Format("hdr {0},{1}", r, c);
          }
   }

The GridPanel class exposes Rows and Columns collections just as the main grid does, and supports the same indexing notation. The row and column headers can be customized and populated using the same object model and techniques you use while working with the content area of the grid (the scrollable part).

Silverlight Reference

C1FlexGrid Class

Column Class

RowHeaders Property

ColumnHeaders Property

GridPanel Class