If you are working with 20.1 or later versions of the Syncfusion Blazor NuGet packages - blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes, we request you to ensure the following 3 steps in your projects - 1. Manually add the script reference under the section of ~/index.html or ~/Pages/_Host.cshtml files. Read More: blazor.syncfusion.com/documentation/common/adding-script-references 2. Syncfusion.Blazor.Themes is removed from dependencies of Syncfusion.Blazor.Core. So, if you are looking to refer themes from static web assets, ensure to install Syncfusion.Blazor.Themes NuGet package explicitly into your project. Check out how to manually add the style reference, blazor.syncfusion.com/documentation/appearance/themes#static-web-assets 3. While registering Syncfusion Blazor Service in the ~/Program.cs file, you would have set IgnoreScriptIsolation property as true to load the scripts externally. From 2022 Vol-1 (20.1.*) versions, the default value of IgnoreScriptIsolation is changed to true and marked as obsolete, so it is not necessary to set this property explicitly in your projects. Read More: blazor.syncfusion.com/documentation/common/adding-script-references#disable-javascript-isolation
@simonroyjonesuk
2 жыл бұрын
I took the plunge and bought the Syncfusion components. They work exactly as in this tutorial. It is so easy and so impressive. I am not a massively expereienced programmer and only do it as a hobby, but got this going with a local SQL database and then an Azure one. I've tried a lot of components and couldn't get these results with any. I only know C# and no other web technolgies. I use blazor server with EF Core 6 and just scaffold from an existing database. For something so easy to us, this is unbelievably prefessional looking. Thanks Syncfusion. Incredible product.
@SyncfusionInc
2 жыл бұрын
Hi Simon, Thank you for the compliment! We're glad they are so easy to use and are helpful for you. Keep watching. 👍
@SyncfusionInc
2 жыл бұрын
Hi Simon, Thank you for the compliment! We're glad they are so easy to use and are helpful for you. Keep watching. 👍
@queenstownswords
4 жыл бұрын
Great job. Please give more of these videos on the syncfusion blazor grid.
@SyncfusionInc
4 жыл бұрын
Thank you, there are definitely more on the way!
@spyofborg
4 жыл бұрын
Hi, looks very clean and fast! I know you didn't show the edit/delete function, so I wonder if you could still answer this: If you enable edit on the Data Grid, can you also specify which data can be edit, and which can not be based on a User Role? So for example, a normal user can only edit for example their own data and only a certain data field. Even many just show their own record and others are not shown. But the head of the department can edit any user's info and data (except like unique data that should never change). Most important would actually be that you can define which columns can be edited. Thank you for the great work and the idea of the community license is really awesome!
@SyncfusionInc
4 жыл бұрын
Query: “I know you didn't show the edit/delete function” Please find our Editing UG documentation and online demo for your reference UG: blazor.syncfusion.com/documentation/datagrid/editing/#toolbar-with-edit-option Online Demo: blazor.syncfusion.com/demos/datagrid/inline-editing?theme=bootstrap4 Query: “: If you enable edit on the Data Grid, can you also specify which data can be edit, and which cannot be based on a User Role?” Yes, we can achieve your requirement using AllowEditing property and Visible property of GridColumn. We have enabled editing action and displayed certain column based on User selected from a dropdown list. Refer the below code example. Using property binding, we can differentiate the action allowed per person in Grid editing. For your convenience we have prepared a sample which can be downloaded from below Sample: www.syncfusion.com/downloads/support/directtrac/general/ze/UserRoleApp-263983655 Refer our ug documentation for your reference blazor.syncfusion.com/documentation/datagrid/editing/#editing blazor.syncfusion.com/documentation/datagrid/columns/#visibility blazor.syncfusion.com/documentation/datagrid/columns/#controlling-datagrid-actions
@andresalfaro1566
4 жыл бұрын
any idea why my grid is not refreshing afet I filter something? for example, I type something on the filter and I need to press the key board or enter to complete de filter search and to get the table refreshed
@SyncfusionInc
4 жыл бұрын
We would like to inform you that by default, FilterBarMode will be OnEnter. So that filter action will take place on enter key. We suggest you to change the FilterBarMode to Immediate to achieve your requirement to perform filter action without pressing enter key. And also ImmediateModeDelay property is used to determine the milliseconds the grid has to perform filter action. Refer the below code example. . . . . . . . . Refer our API documentation for your reference help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridFilterSettings.html help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.FilterBarMode.html
@MultiLeechCZ
4 жыл бұрын
Well i love syncfusion so far even im new in this, however i found out it is very difficult to get some even on selected row. For example i would love to use your intergrated toolbar but i want to get some events on selected row and then press on button delete. For this i need to get row data, how can i do it ? I was lookingfor everywhere for some decent tutorial but it is seems a huge problem not even your examples are clear. please Help..
@SyncfusionInc
4 жыл бұрын
We have RowSelected event in Grid. This event will be triggered each time a row is selected in Grid. In this events args we ca fetch the current selected row’s data. Please refer the documentation below, Documentation : blazor.syncfusion.com/documentation/datagrid/events/#rowselected And also we can fetch all the selected records data by using the GetSelectedRecords method of the Grid. Calling this method will fetch all the data from the selected rows in Grid. Documentation : help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.Grids.SfGrid%601~GetSelectedRecords.html
@mariusbechtold3698
3 жыл бұрын
Thanks for the video! Unfortunately it does not work for me, even if I use your template. I can see the grid, but I can not filter, group or change the page. Do you have any idea what the problem might be? I use a community license.
@SyncfusionInc
3 жыл бұрын
Unfortunately, we could not reproduce the problem at our end, so please refer to the below sample for your reference. Sample: www.syncfusion.com/downloads/support/directtrac/311002/ze/BlazorApp1Sample-1005880993 If you are still facing the problem, then could you please share the below details. It will be helpful to validate and provide a better solution. Reproduce the problem in the provided sample and revert back to us. Share full Grid code snippets. Video demonstration of the problem. Share a simple reproducible sample if possible.
@roddyzr3364
3 жыл бұрын
In Paginations... Can I change langueages....like spanish?
@SyncfusionInc
3 жыл бұрын
By default, the Grid will be rendered with en-US culture. To change the languages, kindly use the Localization feature of Grid. Please find the below documentation for your reference. References : blazor.syncfusion.com/documentation/datagrid/global-local/ blazor.syncfusion.com/documentation/common/localization/ blazor.syncfusion.com/documentation/common/globalization/
@phoenixgaming8498
2 жыл бұрын
hey there! quick question when displaying the data i want to make it scrollable so it can be responsive for phones but everytime I add the width and height properties only the data scrolls but the header texts don't is there a different way to do this?
@SyncfusionInc
2 жыл бұрын
Hello, We can look into this and get back to you but response times via our KZitem videos are slower than our regular support. Have you opened a support ticket or tried our live chat? www.syncfusion.com/support/directtrac/incidents/newincident If you have a retail or flat license, you also have access to our support chat.
@phoenixgaming8498
2 жыл бұрын
@@SyncfusionInc alright thanks
@SyncfusionInc
2 жыл бұрын
We suspect that you need to scroll the grid header (like browser scroll and header won’t be visible at the top) while defining the Height and Width of the SfGrid. Please check whether you set custom height and width then the scroll will be rendered only on the content part. It is not feasible for us to render the scrollbar at header section. Kindly get back to us if we misunderstood your query.
@vanquangit3039
3 жыл бұрын
I using JsonConvert Deserilize list object. Syncfusion can not convert Nettonsoft.Json
@SyncfusionInc
3 жыл бұрын
Thanks for your question! We will look into this and get back to you. If you need an immediate response, please feel free to chat with our developers or open a support ticket here: www.syncfusion.com/support/directtrac/incidents/newincident
@3wsystems663
3 жыл бұрын
Wow. How can I bind my SQLserver Database to this DataGrid?..
@3wsystems663
3 жыл бұрын
An easy example to link / bind sql server database to this dataGrid. It is the base. If client could link bind easy the DataBase all these components will work
@SyncfusionInc
3 жыл бұрын
You can consume data from SQL Server using Microsoft SqlClient and bound it to Blazor DataGrid. You can achieve this requirement by using Custom Adaptor. Find the below link for your reference. Reference: blazor.syncfusion.com/documentation/datagrid/data-binding/#sql-server-data-bindingsql-client blazor.syncfusion.com/documentation/datagrid/data-binding/#entity-framework For performing data manipulation, you can override available methods such as Insert/InsertAsync, Update/UpdateAsync and Remove/RemoveAsync of the Custom Adaptor. blazor.syncfusion.com/documentation/datagrid/custom-binding/ blazor.syncfusion.com/documentation/datagrid/custom-binding/#crud-operation blazor.syncfusion.com/documentation/datagrid/custom-binding/ blazor.syncfusion.com/documentation/datagrid/custom-binding/#crud-operation blazor.syncfusion.com/documentation/datagrid/editing/#entity-framework blazor.syncfusion.com/documentation/datagrid/editing/#handle-crud-in-data-access-layer-class
@SyncfusionInc
3 жыл бұрын
Please refer to this below documentation for your requirement. Documentation : blazor.syncfusion.com/documentation/datagrid/data-binding/#sql-server-data-bindingsql-client blazor.syncfusion.com/documentation/datagrid/custom-binding/#crud-operation
@Jiz39
3 жыл бұрын
Great Content. Thank you for sharing this with us ! looking forward for more videos on this. Have a doubt - how can I get access to the selected row id ( from a sfgrid . i've placed a sfbutton inside that grid against each row like command button. )by clicking that Sfbutton (A blazored modal will popup that is an another component) is there a way to get the selected id to the modal(another component). How can i get this. i would be grateful if you share that. Thank you!
@SyncfusionInc
3 жыл бұрын
You can use the GetSelectedRecords method of Grid in the RowSelected event handler of Grid achieve this requirement. In the below code based on checking whether the button is clicked(using raising flag in OnClick event of button), we have fetched the selected row details in RowSeelcted event handler. Now with the fetched selected information, we suggest you to perform your custom action in RowSelected event. Please refer and use the below codes. @{ SelectRow } ... SfGrid Grid;public bool flag = false;public async Task OnClick(){ flag = true;}public async Task RowSelected(RowSelectEventArgs args){ if (flag) { var selectedRowInfo = await Grid.GetSelectedRecords(); flag = false; //based on the selectedrowinfo perform your action here }}
@mohscode219
4 жыл бұрын
Thanks alot
@SyncfusionInc
4 жыл бұрын
You're welcome, we're glad you found this helpful!
@OgbonnayaOjukwu
4 жыл бұрын
Hi, I am trying to replicate what you have done. But the data loads and disappears immediately. What can cause this?
@SyncfusionInc
4 жыл бұрын
We tried to reproduce the problem with our latest version 18.2.0.44, by creating a sample following the tutorial. But we could not face the reported problem from our side. We are attaching the sample for your convenience. Please download the sample from the link below, Sample : www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp11988080420 Please refer the above attached sample, and if you are still facing difficulties, then kindly share with us the following details for better assistance. Share the sample which you have tried from your side. So that we could validate the problem based on your scenario. Share the complete Grid rendering codes and model code. We need to check the properties which you have enabled in Grid. Share the Syncfusion version details you are using. Share with us the exact scenario or proper replication procedure. The provided information will help us analyze the problem, and provide you a solution as early as possible.
@OgbonnayaOjukwu
4 жыл бұрын
@@SyncfusionInc I updated to the latest version and it now works. Thanks.
@kourosh234
4 жыл бұрын
Pdf export do not show Persian/Farsi fonts. Any Solution?
@SyncfusionInc
4 жыл бұрын
To export Persian/Farsi letters(True type font), we need to set True Type font information as base64 string to FontFamily of PdfGridFont. We have support for PdfTrueTypeFont in PdfExport method. Please apply your corresponding custom TTF as base64 string for the FontFamily. Please use the codes in your application based on your needs, ... public async Task ToolbarClick(Syncfusion.Blazor.Navigations.ClickEventArgs args) { PdfExportProperties ExportProperties = new PdfExportProperties(); ExportProperties.FileName = "text.pdf"; ExportProperties.ExportType = ExportType.AllPages; PdfTheme Theme = new PdfTheme(); PdfBorder HeaderBorder = new PdfBorder(); HeaderBorder.Color = "#64FA50"; PdfThemeStyle HeaderThemeStyle = new PdfThemeStyle() { Font = new PdfGridFont { IsTrueType = true, FontSize = 8, FontFamily = "T1RUTwA..." }, //apply your custom font base64 string to FontFamily FontColor = "#64FA50", FontName = "Calibri", FontSize = 17, Bold = true, Border = HeaderBorder }; Theme.Header = HeaderThemeStyle; PdfThemeStyle RecordThemeStyle = new PdfThemeStyle() { Font = new PdfGridFont { IsTrueType = true, FontSize = 8, FontFamily = "T1RUTwALAI..." }, //apply your custom font base64 string to FontFamily FontColor = "#64FA50", FontName = "Calibri", FontSize = 17 }; Theme.Record = RecordThemeStyle; PdfThemeStyle CaptionThemeStyle = new PdfThemeStyle() { Font = new PdfGridFont { IsTrueType = true, FontSize = 8, FontFamily = "T1RUT...ABQ=" }, //apply your custom font base64 string to FontFamily FontColor = "#64FA50", FontName = "Calibri", FontSize = 17, Bold = true }; Theme.Caption = CaptionThemeStyle; ExportProperties.Theme = Theme; await this.grid.PdfExport(ExportProperties); } Also, we suggest you to use the corresponding custom font base64 string in your application, based on your requirement. Please follow the below steps to get the base64 string for the custom font. Download TTF file for the corresponding (custom) font. Then convert the TTF file into base64 string (www.giftofspeed.com/base64-encoder/). Finally apply the base64 string to pdfTrupetypeFont. Documentations : blazor.syncfusion.com/documentation/datagrid/events/#ontoolbarclick blazor.syncfusion.com/documentation/datagrid/pdf-export/
@rajeshgohel6988
2 жыл бұрын
How to get Licence key?
@SyncfusionInc
2 жыл бұрын
Hello Rajesh, Thank you for reaching out. Please check if you are qualified for our community license, bit.ly/395t17c. If you are qualified, please refer to these links, www.syncfusion.com/kb/8976/how-to-generate-license-key-for-licensed-products and www.syncfusion.com/kb/8069/how-to-generate-unlock-key-for-essentials-studio-products.
@aisonsystem3168
3 жыл бұрын
Hi! how to get selected column in grid
@SyncfusionInc
3 жыл бұрын
Hello, We can look into this and get back to you but response times via our KZitem videos are slower than our regular support. Have you opened a support ticket or tried our live chat? www.syncfusion.com/support/directtrac/incidents/newincident If you have a retail or flat license, you also have access to our support chat.
@SyncfusionInc
3 жыл бұрын
Currently, we don’t have support for selecting the columns in the Grid. So it’s not possible to perform column selection and get the selected columns details in the Grid.
@Spirittism
2 жыл бұрын
why would you need to enter the trial license key? Not gonna lie that part seems like a waste of time.
@SyncfusionInc
2 жыл бұрын
Hi Will, Thank you for reaching out to us. As we installed Syncfusion Blazor NuGet package in this demo project from NuGet.org, we included this trial license key registration step. This License key registration is necessary to avoid the licensing warning, if you use the evaluation installer or the NuGet feed to reference Syncfusion assemblies. For further details, you can check here : blazor.syncfusion.com/documentation/getting-started/license-key/overview.
@ChristianMuggli
Жыл бұрын
pretty complicated and outdated, compare to the infragistics solution imho
@allthecommonsense
2 жыл бұрын
Gaaah. DOn't do so much *zooming & panning* around pls. Developers have large, high resolution screens. Just let us see the big picture and highlight whatever is important on the screen without zooming.
@SyncfusionInc
2 жыл бұрын
Thanks for your feedback! We will pass this along to our team and consider for future videos.
Пікірлер: 45