Open Closed

Syncfusion integration with ABP Mvc application #5697


User avatar
0
Sraman created
  • ABP Framework version: v7.3.0
  • UI Type: MVC
  • Database System: EF Core (SQL Server.)
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace:

Looking for syncfusion integration into abp mvc application

Followed the below article, but it is not working and also no errors, https://community.abp.io/posts/integrating-the-syncfusion-mvc-components-to-the-abp-mvc-ui-0gpkr1if

Is there any work around or updated document to follow?


10 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Did you check the demo? https://github.com/EngincanV/ABP-Syncfusion-Components-Demo/

  • User Avatar
    0
    Sraman created

    Hi,

    It looks outdated and not working anymore.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I can't reproduce the problem. Here is my test project source code: https://github.com/realLiangshiwei/Qa5697

  • User Avatar
    0
    Sraman created

    Hi, Thanks your sample was really helpful. But still facing issue in consuming the api with a api url from the one of the syncfusion component. Actually I was able to consume the api which I created in a new project, but not able to consume the api in the existing soluton.Not sure whats the actuall issue. Currently I'm trying to consume endpoints from AzureBlobManagerController for the filemanager component on idex page.

    It would be really great if you could help to figure out the issue.

    Please find the project, https://github.com/sivaraman27/Abp_Sync_FileManager

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Please change the repo to private, because it contains your license key.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I can run the project without any problem, can you explain it in detail? thanks.

  • User Avatar
    0
    Sraman created

    Hi,

    Please go to home page, there I was trying to load a api to the syncfusion file manager component. But I'm unable to reach them due to some reason. But I'm able to load them correctly with a api outside the project. Not sure about the exact issue. Some configuration is blocking.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    The home page is almost empty, I didn't see any code about syncfusion.

  • User Avatar
    0
    Sraman created

    Oh, Sorry. Please find the below code,

    <ejs-filemanager id="filemanager" view="@Syncfusion.EJ2.FileManager.ViewType.Details"> <e-filemanager-ajaxsettings Url="https://localhost:44344/api/AzureBlobManager/FileOperations" UploadUrl="https://localhost:44344/api/AzureBlobManager/Upload" DownloadUrl="https://localhost:44344/api/AzureBlobManager/Download" GetImageUrl="https://localhost:44344/api/AzureBlobManager/GetImage"> </e-filemanager-ajaxsettings> </ejs-filemanager>

    I'm trying load the component with endpoints from AzureBlobManagercontroller in api project. But throwing error. But I'm able to load from outside the solution.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    1. Add @addTagHelper *, Syncfusion.EJ2 to all _ViewImports.cshtml file 2:
    Configure<AbpAntiForgeryOptions>(options =>
    {
        options.AutoValidateFilter = type => !type.FullName!.Contains("AzureBlobManagerController");
    });
    
    Configure<MvcOptions>(options =>
    {
        options.SuppressImplicitRequiredAttributeForNonNullableReferenceTypes = true;
    });
    

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11