When using the ODataV4Adaptor how do I use PUT in the datamanager instead of PATCH to update
5 Replies
Hi Ronald,
Sorry for inconvenience caused,
Query #1: Are you saying that using the updateUrl will call the PUT verb?
In your first update we misunderstood your query so only we suggested the custom adaptor with updateUrl option.
Based on your query, we suspect that you want use “PUT” verb instead of “PATCH” while update a record. Since we suggest you to set the PUT value into UpdateType property of ODataV4Adaptor. It will override the default HTTP request type of “PATCH” to “PUT”.
Query #2: I have instead created a custom adaptor based on OData, injected the base URL into the view and changed the update to use PUT.
By default, ODataV4Adaptor send the “PATCH” request to server while updating a record. To achieve the ODataV4Adaptor need to send the “PUT” request instead of “PATCH” using updateType property of ODataV4Adaptor.
We have set updateType as "PUT" in the ODataV4Adaptor which is defined in Grid's load event.
If you need to customize the default HTTP Request action in the ODataV4Adaptor, we can use the custom Adaptor from ODataV4Adaptor.
For your reference, we have shared a custom adaptors Documentation as given below
Help Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/data-binding/#custom-adaptor
Query #3: Do you have any examples showing this?
Based on your query, We have created a sample with ODataV4Adaptor in the ASP .Net Core platform.
Please refer the below code example and sample for more information.
[index.cshtml]
|
<ejs-grid id="Grid" allowPaging="true" allowsorting="true" allowFiltering="true" toolbar="@(new List<string>() {"Add","Edit","Delete","Update","Cancel" })" load="load">
<e-grid-editSettings allowAdding="true" allowEditing="true" allowDeleting="true"></e-grid-editSettings>
<e-grid-columns>
<e-grid-column field="Id" headerText="Product ID" isPrimaryKey="true" textAlign="Right" width="160"></e-grid-column>
<e-grid-column field="Author" headerText="Author" width="170"></e-grid-column>
<e-grid-column field="Title" headerText="Title" textAlign="Right" width="170"></e-grid-column>
</e-grid-columns>
</ejs-grid>
<script>
function load() {
this.dataSource = new ej.data.DataManager({ url: "/odata/Books", adaptor: new ej.data.ODataV4Adaptor({ updateType: 'PUT' }) });
}
</script>
|
[Bookscontroller.cs]
|
[Route("api/[controller]")]
public class BooksController : ODataController
{
. . . . .
// GET api/values
[HttpGet]
[EnableQuery]
public IQueryable<Book> Get()
{
return _db.Books;
}
// POST api/values
[HttpPost]
[EnableQuery]
public IActionResult Post([FromBody]Book book)
{
_db.Books.Add(book);
_db.SaveChanges();
return Created(book);
}
// PUT api/values/5
[HttpPut("{id}")]
public async Task<Book> Put(int id, [FromBody] Book book)
{
var entity = await _db.Books.FindAsync(book.Id);
_db.Entry(entity).CurrentValues.SetValues(book);
await _db.SaveChangesAsync();
return book;
}
// DELETE api/values/5
[HttpDelete("{id}")]
public async Task<int> Delete(int key)
{
var od = await _db.Books.FindAsync(key);
_db.Books.Remove(od);
await _db.SaveChangesAsync();
return key;
}
} |
Sample link: https://www.syncfusion.com/downloads/support/forum/157788/ze/ODataV4Adaptor-PUT-Request-Core712464126.zip
For your reference, we have shared the NetWork tab screenshot for HTTP Request with Grid actions
Initial Rendering:
Filtering:
Update with “PUT” request
Please get back to us if you need further assistance.
Regards,
Balaji Sekar
SIGN IN To post a reply.
