Transcript for:
Maui Data Grid Presentation Overview

foreign community libraries when creating certain kind of applications choose the controls to use it's a very important decision control slide for example swipe View and gestures on mobile are more important than on desktop while on desktop controls like Avatar grid and allowing easy data management are necessary in many cases in this video we are going to talk about Maui data grid a library that adds a data grid controls to donate Maui let's see it Maui data grid is a data library for donate my applications support all the platforms supported by donut Maui Android iOS Catalyst windows and Tyson and it's already created by EBU akwul and as always we are going to see first of all the sample the application running with the library and all the possibilities and then we are going to see how to use it what are the properties events Etc and how internally it is created how it works at the end so let's start by taking a look to the sample this is a sample provided by the library and yeah we have here that agreed running in this case on Windows and we can manage different things first of all of course we can scroll the content while we still maintain the heaters we can customize a little bit the headers showing if the borders are defined or not we can of course select different files we can um hide columns and show columns again or add new columns at the same time of course we can use filter unorganized items by columns for example let's see and organize the teams by um the thing that hack more wins or the themes that have more rules and yeah it have many possibilities having and removing columns uh use organizing the items by colon and we have all the expected properties and item Source properties to define the collection we can change the collection dynamically we can use select items Etc once we have seen the sample running and working let's see the code and all the properties so this is the main sample and to Define and use the library first of all the library is available via another catch is called the package.maui the latest version is the dot Co version and after include this Library this package in your application you can start using it using the main namespace that is Maui dot data grid after use it you can access to the data grade control in this way and the main property is the item Source property this property allows us to define the collection to use as data of the data grid with that we can enable or disable the selection with the selection enable property and if we enable the Restriction we can get the selected item with the selected item property we can Define the row height and the header height with the row 8 and either head property respectively and then we're going to customize the heated background the hither border the Border color of every cell if the border of the heater is visible or not with the heater board that's visibility Etc we can refresh the content with the pull to refresh command and we have also a property to know if we are refreshing or not and also we can manage the color of the active Pro once we Define the main properties that Define the content and the variance of the data grid we have options to define the columns columns property we can Define columns creating data grid columns column contains at least two main properties that are the detail property and the property name and also we can create hidden columns that we can enable dynamically with is visible or not with his visible property and also we can allow to sort the content using the Sorting enabled property if we want to sort we can enable it and if have no sense because for example is any match for example in this case with the logo we can just disable the Sorting like in this way then inside every data grid column we can just use a formatted title to define the string or the collection of spans that are defined in the title or we can use a data template using the cell temporary property where inside we can put anything any view can be a contribute and inside we can have a grid with different contents Etc now let's see how we get the data we have a View mobile that is returning from a Json file a list of themes that are what we were seeing on the screen when we launched the application and we have here the reference command and all the properties to bind and get the selected item if we display the Border in the header etc etc to add and remove columns we can access to the columns property and use the art and remove metal to remove or add columns from all data grid always it defines internally this is also interesting in case you have doubt about virtualization and how it internally works if we go to the data grid we can see that it's a composition of donut Maui controls at the end is a grid containing a reference view this is what allow us to use the pull to refresh command to refresh that agreed and the data grease is defined by a collection view so we have all the possibilities and options from The Collection view where in the item template of the collection view we are using the data grid row that is agreed defined in a custom control with and double properties to define the content and operations and behavior so this is how internally is defined that agreed so at the end the wake of all the database is based on the collection View so that's it another great control that you can use in also phone in mobile applications but probably it's really really interesting in desktop applications based on a composition of other controls with many properties to define the operations with properties like the header background the Border color or the active row color and also many possibilities to manage the stores the selected item or how we allow to sort and manage the data and in all the supported platforms by Planet Maui I hope this library has been interesting for you if you used it in your application if you have any doubts or questions or you want to share which Library you would like me to talk about in upcoming videos leave a comment in this video see you soon with more content bye