XAF XAF Blazor, 13 Jan 2021

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: XAF Blazor - Grid Column Resize and Summary

Description

Click Here to Subscribe: http://xaf.life/35

Websites:
https://xafmarin.com/
https://www.xafers.training/
http://xafersweekly.com/
https://www.xari.io/

Free XAF Support Hour
https://calendly.com/xari/free-xaf-support-hour

Facebook Group
http://xaf.life/4g

A

Hello, everyone and welcome back as we are getting ready for our meetup on thursday about is south blaze and ready for production. We wanted to do a series of quick videos showing a different functionality on satellites. So, let's get to it right here we have a project that is just blank new project. The only thing that I have done with it is, I add, a customer class, the customer class that I always use, that is name address, active birthday, salary, nothing, crazy and in the updated issuing books that is the novel packet.

A

I have another video on my channel about this. I created some sample data around 1000 records, so let's run it for a second, let's see the result, and then we go from there.

A

Okay, here we go and man it's important to mention that south blazer always only asks for the username and password the first time after that by cookie it authenticates yourself and the other thing if you saw that was a quick section if you target your project to net 5, that won't happen, but the only issue about that, if you put net 5 in your server pro project, then the model won't work so few times I go back and forward, I put a net five when I want to deploy, but in development.

A

I live in not care three, so right here we see we have one thousand record with a few data, salary birthday and so on. You see we can move the columns ordered, but we cannot decide on the width, for example. So let's make that one, our first video, let's change the width and for that one we're going to follow this documentation at the express provide so pretty much.

A

Let's copy this code, there is a controller that sets the data grid model column, resize mode, so we can move it let's open here, let's go to our blazer project. Let's add a controller.

A

There's a matter class one and let's copy it.

A

A

And let's paste it here.

A

A

A

We don't need this initialized component. We don't need this particular class, we're not using the designer here and that's it. So, let's see if I can.

A

Okay, this is running. That's why? Let's stop it.

A

Let's just I don't know why my because which is not working right here, so, let's just perfect. So if you see here pretty much, we are getting the editor on the view that is going to be your type grid list editor from there we get the adapter and then we set the column precise mode. So if we run this now.

A

Saying exciting, as before, put the product in net 5, and that won't happen. As you see now, we have this new way that we can actually modify the width of the grid, pretty cool right. Okay, let's continue to see other configuration of the grid.

A

Okay, how about if we want to add the summaries, let's check again, another ticket on the support center and right here. Let's follow the step that gosha provide us so pretty much again we're going to add another view: controller, let's copy this.

A

Let's paste it here.

A

Now, if you see here he's using a another phrasal component, so we'll need to add that one. So, let's add razor component and let's call it exactly as here data grid.

A

Folder summary.

A

Let's go and copy the code over there.

A

Okay, here we go: let's try to format this a little bit better, perfect! Okay, if you let's take a look quickly and the code, and I don't know why my code switch is not working. I have to stop the application.

A

Nothing, I don't know what okay, let's just change the name manually, hello, okay, pretty much! If you see here we're asking if the footer is visible in the model and if the editor is a grid list editor, it will go, get the adapter and then use that component that we just created and it will pass the columns of our view. So let's come back here and you see that is going and doing a for each for every column and then checking if there is summary in that column and then is doing his logic.

A

So and then, if we already have this, let's compile for a second.

A

Nice waveform very perfect everything compiled. So let's go now to the model in our server.

A

A

And let's go to our customer list view right here so now here, let's add this folder visible through and, let's add, add, let's go to the columns and just put it here on the footer. Some.

A

Let's run it and.

A

A

A

And here we go, we have here the zoom and let's come back for example, and put the name just as it is count all right.

A

A

And that's it: we can see the account here. We have one south and regular, and that will be it for this video I'm going to continue with a few more about tooltips about custom law, authentication about any other interesting ticket that we have seen in the super cent until next time, saf out.