vue grid safe in database slash problem

Hello, I have a problem with saving the data in the database. As soon as I add a slash, the data record is not saved. Even if I want to enter several fields in the dialog it leads to problems. Is this a known problem?

many greetings Sascha

3 Replies 1 reply marked as answer

SM Shalini Maragathavel Syncfusion Team January 11, 2021 02:44 PM UTC

Hi Sascha, 

Thanks for contacting Syncfusion support. 

Based on your query you are facing some issue while saving the data in the database. In your update you also mentioned that when you add slash the record is not saved. So, before we proceed with your query we need the following details 

1. Share the complete Grid rendering Code. 

2. Have you used any Syncfusion Adaptors like URL, WEB API Adaptor etc? 

3. Share the Syncfusion Package Version. 

Regards, 
Shalini M. 



SA Sascha January 21, 2021 08:16 AM UTC

hello thank you very much for your help. asnbei the code. I use the ODataV4Adaptor.
best regards Sascha



<ejs-grid  ref='grid' id='Grid'

:dataSource="info_set.data"
:allowTextWrap='true'
:rowHeight='rowHeight'
:allowPaging="false"
:allowKeyboardNavigation="false"
:pageSettings=pageSettings
:allowSorting="true"
:allowFiltering="true"
:allowGrouping="false"
:editSettings="editOptions"
:toolbar="toolbarOptions"
:allowPdfExport="false"
:actionComplete="actionComplete"
:toolbarClick='toolbarClick'
:rowDataBound='rowDataBound'
:rowSelected='rowSelected'

>
<e-columns>

<e-column field="tag" header-text="Datum" width=110 type='date' :isPrimaryKey="true" format='d.M.y' ></e-column>
<e-column field="wetag" header-text="Wochentag" width=0 :visible='false'></e-column>

<e-column field="dozent" header-text="Dozent" width=150 editType='dropdownedit' :edit='countryParams' :allowFiltering="false" :allowEditing="false"></e-column>
<e-column field="Thema" header-text="geplant" width=400 type='text' :disableHtmlEncode="false" :allowEditing="false"></e-column>
<e-column field="themadoz" header-text="Block 1" type='text'></e-column>
<e-column field="block2" header-text="Block 2" type='text'></e-column>
<e-column field="block3" header-text="Block 3" type='text'></e-column>
<e-column field="block4" header-text="Block 4" type='text'></e-column>

</e-columns>

</ejs-grid>


if (args.requestType === 'save') {



axios.get('/api/klassenbuch/updatedoz1/' + JSON.stringify(args.data) ) .then(function(response) {
console.log('saved', response)
});

}


SM Shalini Maragathavel Syncfusion Team January 22, 2021 12:30 PM UTC

Hi Sascha, 

Thanks for your update.

Based on your query we suspect that you need to load the data from the ODataV4 Adaptor and
need to perform CRUD actions in Grid.  

We have prepared a sample for ODataV4 Adaptor. Please refer the below sample for your reference. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/params1384583598.zip

By default, If we use ODataV4Adaptor, the GET method will be triggered for all the grid actions like Paging, Sorting, Filtering, etc., The POST, PUT, DELETE methods will be triggered for CRUD actions like insert, edit, delete respectively. But in your code example we could see that you are saving the edited data using an external API call. So, If we misunderstood your query, Please share us the purpose of saving the edited data using an external API call.  

Please get back to us, if you need further assistance. 

Regards, 
Shalini M. 


Marked as answer
Loader.
Up arrow icon