Save as options don't work

[Omar]

Hello,

When I press any option from the save as menu, nothing happen.
I configured the backend and saveUrl property just fine and it saves the file when pressing Ctrl + S and everything related to saving.
But the is with Saving As.

Thanks,

[Aravinthan Seetharaman]

Hi Omar, 

 

Thank you for contacting Syncfusion support 

 

We have checked your reported issue, we suspect that the cause of the issue is you are not specifying the proper openUrl and saveUrl property.  Please check the below code  

 

<template> 

   <ejs-spreadsheet :saveUrl="saveUrl" :allowSave="true"> 

   <e-sheets> 

          <e-sheet> 

            <e-ranges> 

              <e-range :dataSource="dataSource"></e-range> 

            </e-ranges> 

            <e-columns> 

              <e-column :width="width1"></e-column> 

              <e-column :width="width2"></e-column> 

              <e-column :width="width2"></e-column> 

              <e-column :width="width1"></e-column> 

              <e-column :width="width2"></e-column> 

              <e-column :width="width3"></e-column> 

            </e-columns> 

          </e-sheet> 

        </e-sheets></ejs-spreadsheet> 

</template> 

 

<script> 

import Vue from "vue"; 

import { SpreadsheetPlugin } from "@syncfusion/ej2-vue-spreadsheet"; 

import { data } from './data.js'; 

Vue.use(SpreadsheetPlugin); 

export default { 

   data: () => { 

    return { 

      dataSource: data, 

      width1: 180, 

      width2: 130, 

      width3: 120, 

      saveUrl: 'https://ej2services.syncfusion.com/production/web-services/api/spreadsheet/save', 

      //saveUrl: 'http://localhost:59166/api/spreadsheet/save’    // Please provide your localhost link 

    } 

  } 

} 

</script> 

 

If you are using the local url, please provide your localhost link in saveUrl property. 

 

If the issue persists, kindly share the below details. 

 

1. Please share us the screenshot, if any console issue faced.
2. Please share us the version details.
3. Please share us the video demonstration of this issue.

 

Please find the below documentation link: 

 

https://ej2.syncfusion.com/vue/documentation/spreadsheet/open-save/#save 

 

Please check and get back to us if you need further assistance on this. 

 

Regards, 

Aravinthan S 

[Omar]

Hi Aravinthan,

Kindly find the screen recording attached.
The thing is that it works exactly as saving, it doesn't save as a new file.

Thanks

Attachment: SaveAsInExcelEditor_5e08a63f.rar

[Aravinthan Seetharaman]

Hi Omar, 

 

We have checked your query in our latest version 19.1.59. We cannot reproduce your reported issue in our end. And save functionality working fine in our end. For your reference we have prepared video demo and sample here. 

 

Demo: https://www.syncfusion.com/downloads/support/forum/164873/ze/Spreadsheet_Save-992615514  

 

App.vue 

 

<template> 

  <ejs-spreadsheet 

    :saveUrl="saveUrl" 

    :allowSave="true"  > 

    <e-sheets> 

      <e-sheet> 

        <e-ranges> 

          <e-range :dataSource="dataSource"></e-range> 

        </e-ranges> 

        <e-columns> 

          <e-column :width="width1"></e-column> 

          <e-column :width="width2"></e-column> 

          <e-column :width="width2"></e-column> 

          <e-column :width="width1"></e-column> 

          <e-column :width="width2"></e-column> 

          <e-column :width="width3"></e-column> 

        </e-columns> 

      </e-sheet> </e-sheets 

  ></ejs-spreadsheet> 

</template> 

 

<script> 

import Vue from "vue"; 

import { SpreadsheetPlugin } from "@syncfusion/ej2-vue-spreadsheet"; 

import { data } from "./data.js"; 

Vue.use(SpreadsheetPlugin); 

export default { 

  data: () => { 

    return { 

      dataSource: data, 

      height: 600, 

      width1: 180, 

      width2: 130, 

      width3: 120, 

      saveUrl: "https://localhost:44347/Home/save", 

       //saveUrl: 'https://ej2services.syncfusion.com/production/web-services/api/spreadsheet/save', 

    }; 

  }, 

  methods: {}, 

}; 

</script> 

 

 

Sample: https://codesandbox.io/s/serene-dewdney-c75sf?file=/src/App.vue  

 

Service part 

 

HomeController.cs 

 

public class HomeController : Controller 

    { 

        public IActionResult Index() 

        { 

            return View(); 

        } 

 

        public IActionResult Open(IFormCollection openRequest) 

        { 

            OpenRequest open = new OpenRequest(); 

            open.File = openRequest.Files[0]; 

            return Content(Workbook.Open(open)); 

        } 

 

        public IActionResult Save(SaveSettings saveSettings) 

        { 

            return Workbook.Save(saveSettings); 

        } 

    } 

 

 

Service link: https://www.syncfusion.com/downloads/support/directtrac/164873/ze/Spreadsheet_Core_Service760458053  

 

Note: Please run the Service first and then run the Vue sample. 

 

If you are still facing the issue, kindly share the below details. 

 

·        If possible, try to reproduce the reported issue in provided sample or share the issue reproducible sample. 

·        If possible, share us the Spreadsheet save function related code snippets(Controller & Vue) 

·        Please share us the Essential Studio Product Version. 

 

Please provide the above requested information, based on that we will check and provide you a better solution quickly. 

 

Regards, 

Aravinthan S