How to Add Command to data Grid toolbar to be as custom edit for editing some specific data?

Question

Hi,Q- How to Add Command to data Grid  toolbar to be as custom edit for editing some specific data with default Edit Command?(Note: It will be 2 Edit commands , the first Edit will be the default edit but the second edit will be custom edit for some data only The Custom Edit Content will be partial view like default Add and default Edit Template ).Thanks Very much

Rajapandiyan Settu · Answer

Hi Ahmed,  
  
Thanks for contacting Syncfusion support. 

Before proceeding with your query, we need few information on your requirement. So, kindly share the below details to proceed on this. 


Are you want to use default edit button and custom edit button in the toolbar? Like (“Edit – default edit button”, “CustomEdit – custom button”)
Do you want to handle both the default edit and custom edit in the Grid?
Do you want to use our inbuild CRUD actions with CustomEdit button or Do you want to handle your own CRUD action in custom edit?
Which type of Editing you want to use for default Edit button and CustomEdit button (Inline/ Dialog/ Dialog Template)?
Share the full Grid code files.

Regards,  Rajapandiyan S

Ahmed · Answer

Hi Rajapandiyan Settu ,Thanks for response,1- Yes, This is absolutely true ,I want (“Edit – default edit button”, “CustomEdit – custom button”).2- Yes, This is absolutely true.3- I want to handle your own CRUD action in custom edit, but if you teach me the two method ,that would be kind of you.4- I want to use Dialog Template Edit.5- In Main View Grid

@**@

Add Partial View@model AssembleWeb.ViewModel.Payroll.Employees.EmployeeViewModel@*//define the model for store the model values*@@using Syncfusion.EJ2

In Controller public class EmployeeController : BaseController { // GET: EmployeeController private readonly IMapper _mapper; private readonly INotyfService _notyf; public EmployeeController(IMapper mapper, INotyfService notyf) { _mapper = mapper; _notyf = notyf; } public async Task Index() { try { string emp = (HttpContext.Session.GetString("EmpID")); string user = (HttpContext.Session.GetString("UserID")); if (user == null || user == String.Empty || user.Trim() == "") { return RedirectToAction("Index", "Logout"); } ViewBag.Nationalities = GetAllNationalityDTOs(); ViewBag.Positions = GetAllPositionDTOs(); ViewBag.RuleTypes = GetAllRuleTypeDTOs(); ViewBag.Religions = GetAllReligionDTOs(); ViewBag.Roles = GetAllRoleDTOs(); ViewBag.Genders = EnumHelperClass.GetListFromEnum(new GenderTypesEnum()); string pages = (HttpContext.Session.GetString("pages")); var PagesList = JsonConvert.DeserializeObject>(pages); string actions = (HttpContext.Session.GetString("actions")); var actionsList = JsonConvert.DeserializeObject>(actions); if (PagesList.Count() > 0) { var currentPage = PagesList.FirstOrDefault(c => c.Type == "Employee"); if (currentPage == null) { return RedirectToAction("Index", "Logout"); } if (actionsList.Count() > 0) { ViewBag.currentActions = actionsList.Where(c => c.ParentID == currentPage.ID); } } return await Task.FromResult(View("Views/Payoll/Employees/Employee/Index.cshtml")); } catch (Exception ex) { return BadRequest($"Error getting from api: {ex.Message},{ex.InnerException}"); } } public IActionResult UrlDatasource([FromBody] DataManagerRequest dm) { IEnumerable employees = BasicAPIHandler.GetList("Employee/GetEmployeesNotDeleted").Result; DataOperations operation = new DataOperations(); var DataSource = _mapper.Map>(employees.OrderBy(c=>c.IsResigned)); if (dm.Search != null && dm.Search.Count > 0) { DataSource = operation.PerformSearching(DataSource, dm.Search); //Search } if (dm.Sorted != null && dm.Sorted.Count > 0) //Sorting { DataSource = operation.PerformSorting(DataSource, dm.Sorted); } if (dm.Where != null && dm.Where.Count > 0) //Filtering { DataSource = operation.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator); } int count = DataSource.Cast().Count(); if (dm.Skip != 0) { DataSource = operation.PerformSkip(DataSource, dm.Skip); //Paging } if (dm.Take != 0) { DataSource = operation.PerformTake(DataSource, dm.Take); } var usersRolres = GetAllUserRolesDTOs(); var users = GetAllUsersDTOs(); foreach (var employee in DataSource) { employee.RoleID =usersRolres.FirstOrDefault(c => c.UserId == users.FirstOrDefault(c => c.EmployeeID == employee.ID).Id).RoleId; } return dm.RequiresCounts ? Json(new { result = DataSource, count = count }) : Json(DataSource); } public IActionResult EditPartial([FromBody] CRUDModel value) { ViewBag.Nationalities = GetAllNationalityDTOs(); ViewBag.Positions = GetAllPositionDTOs(); ViewBag.RuleTypes = GetAllRuleTypeDTOs(); ViewBag.Religions = GetAllReligionDTOs(); ViewBag.Roles = GetAllRoleDTOs(); return PartialView("Views/Payoll/Employees/Employee/_DialogEditPartial.cshtml", value.Value); } public IActionResult AddPartial([FromBody] CRUDModel value) { ViewBag.Nationalities = GetAllNationalityDTOs(); ViewBag.Positions = GetAllPositionDTOs(); ViewBag.RuleTypes = GetAllRuleTypeDTOs(); ViewBag.Religions = GetAllReligionDTOs(); ViewBag.Roles = GetAllRoleDTOs(); return PartialView("Views/Payoll/Employees/Employee/_DialogAddPartial.cshtml"); } // GET: EmployeeController/Edit/5 public IActionResult ResignPartial([FromBody] CRUDModel value) { try { EmployeeDTO employee = _mapper.Map(value.Value); ResignEmployeeViewModel employeeViewModel = _mapper.Map(employee); return PartialView("Views/Payoll/Employees/Employee/_DialogResignPartial.cshtml", employeeViewModel); } catch (Exception ex) { return BadRequest($"Error getting from api: {ex.Message},{ex.InnerException}"); } } public async Task Create([FromBody] CRUDModel employee) { try { if (ModelState.IsValid) { string emp = (HttpContext.Session.GetString("EmpID")); string user = (HttpContext.Session.GetString("UserID")); if (user == null || user == String.Empty || user.Trim() == "") { return RedirectToAction("Index", "Logout"); } int empID = int.Parse(emp); int userID = int.Parse(user); EmployeeDTO employeeDTO = _mapper.Map(employee.Value); employeeDTO.CreatedBy = userID; employeeDTO.CreatedDateTime = DateTime.Now; ValidationResponse validationResponse = await BasicAPIHandler.PostRecord("Employee/CreateEmployee", employeeDTO); string msg = validationResponse.Message; return await Task.FromResult(Json(new { data = employee.Value, message = msg })); } throw new Exception("Error in Data Fields"); } catch (Exception ex) { return await Task.FromResult(Json(ex.Message + ". " + ex.InnerException.Message)); } } public async Task Edit([FromBody] CRUDModel employee) { try { if (employee.Value.ID == 0) { return BadRequest(); } if (ModelState.IsValid) { EmployeeDTO employeeTO = _mapper.Map(employee.Value); if(employeeTO.ResignDate !=null) { employeeTO.IsResigned = true; } else { employeeTO.IsResigned = false; } ValidationResponse validationResponse = await BasicAPIHandler.PutRecord("Employee/UpdateEmployee/" + employee.Value.ID, employeeTO); string msg = validationResponse.Message; return await Task.FromResult(Json(new { data = employee.Value, message = msg })); } return await Task.FromResult(Json(_mapper.Map(employee.Value))); } catch (Exception ex) { return await Task.FromResult(Json(ex.Message + ". " + ex.InnerException.Message)); } } public async Task Delete([FromBody] CRUDModel employee) { try { int id = int.Parse(employee.Key.ToString()); if (employee.Key == null && id == 0) { return BadRequest(); } ValidationResponse validationResponse = await BasicAPIHandler.DeleteRecord("Employee/DeleteEmployee/" + id); ; if (validationResponse.Response) { ViewBag.IsValid = "True"; } string msg = validationResponse.Message; return await Task.FromResult(Json(new { data = employee.Value, message = msg })); } catch (Exception ex) { return await Task.FromResult(Json(ex.Message + ". " + ex.InnerException.Message)); } } public async Task Resign([FromBody] CRUDModel employee) { try { if (employee.Value.ID == 0) { return BadRequest(); } if (ModelState.IsValid) { EmployeeDTO employeeDTO = await BasicAPIHandler.GetRecord("Employee/GetEmployee/" + employee.Value.ID); employeeDTO.IsResigned = true; employeeDTO.ResignDate = employee.Value.ResignDate; ValidationResponse validationResponse = await BasicAPIHandler.PutRecord("Employee/UpdateEmployee/" + employee.Value.ID, employeeDTO); string msg = validationResponse.Message; return await Task.FromResult(Json(new { data = employee.Value, message = msg })); } return await Task.FromResult(Json(_mapper.Map(employee.Value))); } catch (Exception ex) { return await Task.FromResult(Json(ex.Message + ". " + ex.InnerException.Message)); } } }Thanks for All

Ahmed · Answer

In Edit Partial View@model AssembleWeb.ViewModel.Payroll.Employees.EmployeeViewModel@*//define the model for store the model values*@@using Syncfusion.EJ2

ID

In Custom Edit Partial View@model AssembleWeb.ViewModel.Payroll.Employees.ResignEmployeeViewModel@*//define the model for store the model values*@@using Syncfusion.EJ2

Ajith Govarthan · Answer

Hi Ahmed, 

Thanks for the update. 

Query: This is absolutely true ,I want (“Edit – default edit button”, “CustomEdit – custom button”) & I want to handle your own CRUD action in custom edit, but if you teach me the two methods ,that would be kind of you. 

Based on your query, you want to use both custom edit and default edit feature in your Grid application. So, before we proceed to your query, please share the below details to validate further on your requirement. 


Share the screenshot or video demonstration of your requirement.


Explain the more details on the custom edit behavior which you want to achieve in your Grid application.
 

Do you want to render a new dialog with some selected input fields for custom edit?
 

Are you using the fields that are available in the Grid component for custom edit?
 

Do you want to use our Insert, Update and Delete methods for custom edit?

Regards, 
Ajith G.