How to map index using jquery to repair indexes when remove

[ahmedsa]

Problem
when remove any course from table list html his position in center or first it make problem

in index in database

Details

IF I have list of courses as following :

Delphi

Flash

Photoshop

IF I remove flash by JQUERY remove button then click save button

it delete flash and Photoshop

because there are wrong in delete courses by using remove function in jquery

if i remove php it is working without any problem because it is last item

suggestion

using map function when remove but how to do that

if there are any solution for that without using map no problem

i use model as following

public class Cusomemp2 
 
  { 
 
    public List<EmployeeCourse> empcourses { get; set; } 
 
  
 
  } 
 
} 

i use for edit httppost

var result = db.Employees 
 
      .Where(p => p.Id == custom.Id) 
 
      .Include(c => c.EmployeeCourses) 
 
      .FirstOrDefault(); 
 
    if (custom.empcourses.Any()) 
 
    { 
 
      foreach (var ec in result.EmployeeCourses.ToList())//to remove existing EmployeeCourses 
 
      { 
 
        db.EmployeeCourses.Remove(ec); 
 
        db.SaveChanges(); 
 
  
 
      } 
 
    } 
 
  
 
    result.EmployeeCourses = custom.empcourses; 
 
  db.SaveChanges(); 

in model view my code as following by jquery

actually i need to modify code below using map function if there are any function do that never mind

$(function () { 
 
     //add courses using drop down 
 
      var index = 0; 
 
      $("#CourseId").change(function () { 
 
  
 
        var id = $(this).val(); 
 
        var txt = $("#CourseId option:selected").text(); 
 
  
 
       $("#tb").append("" + txt + "") 
 
  
 
        index++; 
 
  
 
      }); 
 
      $("#tb").on("click", ".r", function () { 
 
       // remove function 
 
        $(this).parent().parent().remove(); 
 
  
 
        $(this).parent().prev().prev().remove(); 
 
      }); 
 
  
 
// retrieve data in edit view using ajax 
 
      $.ajax({ 
 
        url: "/Employee/getcoursesbyempid", 
 
        data:{x:$("#hid").val()}, 
 
        success: function (res

[Dhivyalakshmi Thirumurugan]

Hi Ahmedsa, 

Thanks for contacting Syncfusion support. 

We have prepared sample as per your requirement. Please find the sample link below. 

Sample Link: http://jsfiddle.net/XgFCr/19/ 

Please get back to us if you have any queries related to Syncfusion components. 

Regards, 

Dhivyalakshmi.