XAF XAF Blazor, 24 Oct 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: DevExpress Dashboards for XAF Blazor

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

Source: https://github.com/jjcolumb/BlazorServerDashboards

A

Hello, everyone and welcome back last night, I was again reading the faq for the south blazer ui. um It was a nice surprise. I saw my my article on the devexpress dashboard in the section, the when other models would be available and those modules that we still don't have. Some of them are the scheduler, the dashboard, the charts- and it got me thinking like at the end, a soft laser application, a regular laser application.

A

So if you see the the pose that they did about using dashboard for blazer in laser web assembly at the end, there are a lot of customer uh staffers, a lot of staffers, saying south blazer jessica. There is another suffer that is really involved in the community all the time. South blazer is a haiti plus one for south blazer, norbert plus one for south laser shaft laser. So I saw the my article here. I did the the same. Following this pause. I did the same integration of device, press, dashboard control for the blazer server side.

A

So last night I said: okay, let's get on it. Let's see what we can achieve and I think that, especially because the next meetup will be based on ui customization mosfet will do a series of custom control integration itself, laser just like the scheduler the charge, actually something like this like we can use the charge from the express control and then use it in our soft laser bar this video, let's focus on the dashboard part.

A

So what I did was, I add another, I add the shaft place or ui projects to my application, and I follow exactly all these same steps. Nothing different, it's running for a second, so you see what I'm saying.

A

So if you see this is a component that has a page, a dashboard that we can referencing or url.

A

Let's wait for it to load and then we'll come back to it.

A

Okay, you see it's showing inside, but the first thing was: I can do something like this.

A

And I was able to get the dashboard controlling stuff inside soft blazer, but it was losing my navigation. It was losing everything, so I was thinking how to get that dashboard inside like in a dashboard view, so so because I wanted to add it in a little view and this control is not actually linking to any business object. My first thoughts. Okay, let's create a view item and I went to my blazer project and I add a component view item, and we can call this as. However, we want, I will be wiring or anything else.

A

So in 21.6, with my with doing this and returning this fender fragment, it was working.

A

That's it. I didn't have to do anything else just and if you see here, I'm just opening a deep opening, an iframe and passing the url, and the first thing that I tested was wikipedia, but in 20.2 this is already not working so because it was not working. I wasn't sure why I did what we always do.

A

We went to the source code of the express spread, express, app blazer.net standard and I started looking at their implementation with a viewer, and then I realized that they are grabbing that render frame and interface called like component content holder. So I did the same thing. I created this class that it has a constructor that takes a render frame, and then we return that new component content holder.

A

So exactly what I did here, I put the same class and then I return that component content holder that is having they send the framework inside with that one.

A

I just put the same url that our directors are taking and okay, I forgot one thing is for the saf application to be able to see this component that we're adding or some place or server right here I follow this ticket where they are talking, how to add a staff, place or custom form, and you can do one again, one page, that it will be like public cs html and you can browse to that url. But if it's a component like what we're seeing, we need to add in our app a component.

A

This additional assembly and reference the assembly of our project. So if we go to an employee and we go to the appraiser- you see there is the additional assembly and gets from here, because if not, it's only taking the components that are in this assembly. So I add a wrong assembly here, so he knows where to find that component create the the video item, and then I went to my model after compiling, of course, and I create a new dashboard view- and I add that component- that's it.

A

If you see, I can add my component be wiring. It will be here with that one now I can run my project.

A

Have too many tabs and links open.

A

And I have in the navigation or that's your blazer controller and right here we can. We can, of course hide these two actions. We don't need it and we can create a dashboard, create a new data source select database, for example, and this will take the connection stream that we have in our app settings. So we have even right now it's taking the connection history of our sas application, but we can even have another one from another application, another database or anything else that we need. So it's really comprehension.

A

Then we can also use our query builder and we're going to start taking all the fields that we want and I actually use bose and we can also use a store procedure. Of course, I actually use bose to generate 3000 records of this domain object, one if you see here, and actually it's really responsive really fast and with that one. Let's create a quick dashboard and we have here available the viewer and the designer. So let's create a new dashboard from our data source.

A

Let's select the connection string from query builder, let's select the only business circuit, the only table that we have and we're going to say. We need name address, active.

A

Finish and that's it, let's click create sorry pie.

A

Yes, add a value, it will be name and an argument. It will be active.

A

And here we go, we have our first article. Now we just save.

A

And that's it. We have our viewer, we have our design. How cool is that uh here we go hope it's useful for everybody. We're gonna, put the url of the github of the project in the description of the video.