diff --git a/GridControlImage.png b/GridControlImage.png new file mode 100644 index 0000000..5bd9743 Binary files /dev/null and b/GridControlImage.png differ diff --git a/InstallingNuGetPackage.png b/InstallingNuGetPackage.png new file mode 100644 index 0000000..493549d Binary files /dev/null and b/InstallingNuGetPackage.png differ diff --git a/README.md b/README.md index 765e281..293291c 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,122 @@ -# how-to-create-grid-control-in-vb-net -This example demonstrates how to create grid control application in vb.net +# How to Create WPF GridControl in VB.NET? + +This example demonstrates how to create application with [WPF GridControl](https://www.syncfusion.com/wpf-controls/excel-like-grid) in vb.net. + +The GridControl is a cell-oriented control for displaying tabular data. It does not make any assumptions regarding the structure of the data. Users can customize it down to the cell level and can use a grid virtually where the data is provided on demand in real-time. If you are searching for Grid capable of binding different types of data sources and handling data (sorting, filtering, etc.), please refer to the [WPF DataGrid](https://www.syncfusion.com/wpf-controls/datagrid) (SfDataGrid) control. + +### Creating Grid Control in VB.Net + +1. Create a new VB.Net WPF application project. + +2. Install the [Syncfusion.Grid.WPF](https://www.nuget.org/packages/Syncfusion.Grid.WPF) NuGet package as a reference to your .NET Framework applications from NuGet.org. + +![Install Syncfusion.Grid.WPF from the NuGet package manager](InstallingNuGetPackage.png) + +3. Add the following Syncfusion namespace in MainWindow.xaml to make use of the GridControl + +``` xml + + + + +``` + +4. Add the GridControl inside the `ScrollViewer` control which provides scrollable area to other visible elements that it contains. + +``` xml + + + + + + + +``` + +### Defining Rows and Columns + +Users can add the number of rows and columns in grid control by using [RowCount](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_RowCount) and [ColumnCount](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_ColumnCount) properties. + +``` vb +'Specifying row and column count +gridControl.Model.RowCount = 50 +gridControl.Model.ColumnCount = 10 +``` + +### Populating Data + +Data can be populated in GridControl using one of the following methods. + +1. Populate data by looping through the cells in Grid + +``` vb +'Specifying row and column count +gridControl.Model.RowCount = 50 +gridControl.Model.ColumnCount = 10 + +Dim r As New Random() + +For row As Integer = 1 To 49 + For col As Integer = 1 To 9 + gridControl.Model(row, col).CellValue = r.Next(10, 100) + Next col +Next row +``` + +2. Populate data by handling the [QueryCellInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModel.html#Syncfusion_Windows_Controls_Grid_GridModel_QueryCellInfo) event of Grid (Virtual Mode). This will load the data in and on-demand basis, ensuring optimized performance. + +``` vb +'Specifying row and column count +gridControl.Model.RowCount = 50 +gridControl.Model.ColumnCount = 10 +AddHandler gridControl.QueryCellInfo, AddressOf grid_QueryCellInfo + +Private Sub grid_QueryCellInfo(ByVal sender As Object, ByVal e As GridQueryCellInfoEventArgs) + If e.Style.RowIndex = 0 AndAlso e.Style.ColumnIndex = 0 Then + Return + 'set value for column headers + ElseIf e.Style.RowIndex = 0 Then + e.Style.CellValue = GridRangeInfo.GetAlphaLabel(e.Cell.ColumnIndex) + 'set value for row headers + ElseIf e.Style.ColumnIndex = 0 Then + e.Style.CellValue = e.Style.RowIndex + 'set value for cells + Else + e.Style.CellValue = rand.Next(10, 100) + End If +End Sub +``` + +![Image showing GridControl](GridControlImage.png) + +### Editing + +GridControl has the default support for editing the cells. Editing can be customized for each cell using various events like `CurentCellStartEditing`, `CurrentCellActivating` and `CurrentCellChanging`, etc. Also, GridControl support various built-in editors such as `DoubleEdit`, `PercentEdit`, `IntegerEdit`, `MaskEdit`, `RichText`, `UpDownEdit`, `CurrencyEdit` and `DateTimeEdit` which can be configured for each cell in GridControl. + +### Formulas + +GridControl supports Excel-like formulas in each cell and allows to enter algebraic expressions using formulas and cell references by setting the cell type of a cell to `FormulaCell`. The control comes with an extensive formula function library that supports more than 150 built-in formulas. + +### Excel-like features + +GridControl has the built-in supports to change the appearance like Microsoft Excel current cell, selection and selection frame by using [ExcelLikeCurrentCell](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModelOptions.html#Syncfusion_Windows_Controls_Grid_GridModelOptions_ExcelLikeCurrentCell), [ExcelLikeSelection](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModelOptions.html#Syncfusion_Windows_Controls_Grid_GridModelOptions_ExcelLikeSelection) and [ExcelLikeSelectionFrame](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.Grid.GridModelOptions.html#Syncfusion_Windows_Controls_Grid_GridModelOptions_ExcelLikeSelectionFrame) properties respectively. + +### Summary + +GridControl has the support for various cell types, exporting options, support for serialization, printing support and support to customize the appearance, etc. For more information on the GridControl and its features, please see our [User Guide Documentation](https://help.syncfusion.com/wpf/gridcontrol/overview). You can also refer to the [Feature Tour](https://www.syncfusion.com/wpf-controls/excel-like-grid) site to get an overview on all the features in grid. Refer this [documentation](https://help.syncfusion.com/wpf/control-dependencies#grid-control) to know about the required assemblies for creating GridControl. \ No newline at end of file