Posts

Showing posts with the label mvvm

Understanding WPF Layout Panels: Easy Examples of Grid, StackPanel, WrapPanel, DockPanel, Canvas & UniformGrid

If you are just starting out with WPF , layouts are something you must understand very clearly, because they control how every control such as button, textbox, etc. appears on the screen. ⭐ What Are Layout Panels? Think of layout panels like containers or boxes that help you arrange your UI elements . Just like when you pack a suitcase, you organize things in different sections — WPF uses layout panels to organize controls properly. They decide: where controls appear, how they resize, how they adapt when the window grows or shrinks. 📌 Let’s Learn Panels One by One (with real examples) 🟦 1. StackPanel — arrange controls in a line StackPanel arranges items one after another, either top to bottom or left to right. Let me show you a simple example. ✔ Example: Vertical StackPanel <StackPanel Orientation="Vertical">     <Button Content="Save" Width="100"/>     <Button Content="Edit" Width="100"/>     <Button Conte...

The Benefits of MVVM: Why it's Still a Popular Architecture in 2023

Image
Model-View-ViewModel (MVVM) is an architecture pattern that has been around for more than a decade, but it remains a popular choice for developers in 2023. MVVM is a software design pattern that separates the user interface (UI) code from the business logic and data access layers, making it easier to develop and maintain complex applications. In this blog post, we'll explore why MVVM is still a popular architecture pattern in 2023 and the benefits it offers to developers. Separation of Concerns One of the primary benefits of MVVM is that it separates the UI code from the business logic and data access layers. This separation of concerns makes it easier to develop and maintain complex applications. Developers can focus on the functionality of each layer independently, which results in code that is easier to read, test, and maintain. Testability MVVM makes it easier to test the application. Since the UI code is separated from the business logic, developers can test the functionality...

Pagination of DataGrid in WPF using MVVM

Image
In this Post i will explain the pagination using the MVVM pattern. Lets first create the View with DataGrid and pagination control with First, Previous, Next and Last buttons and we will also have the number of record per page to be displayed in DataGrid option which is ComboBox and in this DataGrid i will load data from CSV file. View I will create the view with DataGrid like this And in this DataGrid i will load data from CSV file <Window x:Class="CURD.Views.EmployeeDetails"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         xmlns:local="clr-namespace:CURD.Views"         mc:Ignorable="d"         Title="E...

Step by step guide to implement the command in wpf

Image
To create the custom command we need to implement ICommand interface which is having two method called CanExecute and Execute and one EventHandler called CanExecuteChanged. CanExecute method is responsible to tell if commend will execute or not. Execute method perform the action. Step to create custom command: Implement the ICommand write a constructor which will take two parameters of type Action and Func respectively. if you want to trigger CanExecute on property change then add the method which should invoke CanExecuteChanged  EventHandler . Why Action? Action delegate is used for performing the action. As our actual implementation of  this Action will present in our ViewModel and we need to pass ViewModel method as a constructor parameter so that we can assign it in our CustomCommand and can invoke when require. Why Func? Func delegate is used when we want to pass some value and return some value. As our actual implementation of  this Func will ...

How to implement custom paging on a WPF DataGrid?

Image
In this post we are going to learn the pagination in the data grid where we will have options to select the number of records to be displayed per page in the data grid. you can select the count from the record per page combobox and based on that you can see the records. I will add the four buttons which is used for show the first page, previous page, next page and last page. Below is DataGrid control code:  <DataGrid Grid.Row="1" ItemsSource="{Binding EmployeeCollection}"                    AutoGenerateColumns="False" CanUserAddRows="False">             <DataGrid.Columns>                 <DataGridTextColumn Header="ID" Binding="{Binding ID}"/>                 <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>                 <DataGridTextColumn He...