Таблица не обновляется после удаления в asp.net mvc

Question

Таблица не обновляется после удаления в asp.net mvc

0

Я удалил операцию в mvc 4, используя jquery. Если я нажму кнопку "Удалить", я просто установил Isactive = 0 для определенного столбца.

Jquery

 $('.btnDelete').live("click", function () {

            var didconfirm = confirm("Are you sure ?");
            debugger;
            if (didconfirm == true)
            {
                var emaildata = $(this).closest('td').siblings(':first-child').text();

                $.ajax({
                    type: "post",
                    url: "/Home/delete",
                    contentType: "application/json; chatset=utf-8",                    
                    //data: "{ 'EmailId' : '" + $(this).attr("data-member") + "'}",
                    data: "{ 'EmailId' : '" + emaildata + "'}",
                    confirm: "Need to delete this",
                    onSuccess: "deleteConfirmation",
                    success: function (data) {
                        alert("Record deleted Successfully");                        

                    }
                });
            }
        });

Код действия

 [HttpPost]
        public ActionResult delete(string EmailId)
        {
            var linq = (from db in userobject.UserTables
                        where EmailId==db.EmailId
                        select db).FirstOrDefault();
            if (linq.EmailId == EmailId)
            {
                linq.IsActive = false;
                UpdateModel(linq);
                userobject.SaveChanges();


            }

            return RedirectToAction("Home");
        }

Эта работа отлично работает, но моя страница показывает ту же запись, когда я нажимаю некоторые другие функции. Как удалить удаленные записи, когда я нажимаю кнопку "Удалить". Заранее спасибо.

dinesh.k 05 дек. 2013, в 06:04

Источник

0

jQuery live - устаревшая функция в последней версии jquery
Jobin Jose 05 дек. 2013, в 04:49
0

@JobinJose, что если он не использует последнюю версию?
Neel 05 дек. 2013, в 04:49

Теги:

jquery

asp.net-mvc-4

3 ответа

Ещё вопросы

jQuery live - устаревшая функция в последней версии jquery
@JobinJose, что если он не использует последнюю версию?

m1kael · Answer 1 · 2013-12-05T03-43-00.000Z

В вашей функции успеха удалите удаленный tr из таблицы (при условии, что у вас есть кнопка удаления в каждой строке таблицы):

     $('.btnDelete').live("click", function () {

        var $tr = $(this).closest('tr');
        ...

        $.ajax({
        ...
            success: function (data) {
                       $tr.remove();

                       alert("Record deleted Successfully");                        

      }

@ dinesh.k - твои кнопки удаления внутри каждой строки? (внутри тд, в основном)
это мой код jquery: - items + = "<tr> <td>" + count.EmailId + "</ td> <td>" + count.FirstName + "</ td> <td>" + count.UsertTypeName + "</ td> <td>" + '<input type = "button" class = "btnEdit" value = "Edit" data-member =' + count.EmailId + '/>' + "</ td> < td> "+ '<input type =" button "Значение =" Удалить "class =" btnDelete "id =" btnDeleteid "data-member =' + count.EmailId + '>' +" </ td> </ tr> " ;
Вот рабочий пример для вас: jsfiddle.net/m1kael/cJB3n/2

Jobin Jose · Answer 2 · 2013-12-05T03-35-00.000Z

попробуй это,

вам нужно создать динамический идентификатор для ваших строк таблицы, а затем просто.

 $.ajax({
                    type: "post",
                    url: "/Home/delete",
                    contentType: "application/json; chatset=utf-8",                    
                    //data: "{ 'EmailId' : '" + $(this).attr("data-member") + "'}",
                    data: "{ 'EmailId' : '" + emaildata + "'}",
                    confirm: "Need to delete this",
                    onSuccess: "deleteConfirmation",
                    success: function (data) {
                        //when removed from DB.
                      $("#dynamic_row_id").remove();                     

                    }
                });

Saravana Kumar · Answer 3 · 2013-12-05T03-00-00.000Z

Вы можете найти родительский tr из объекта $ (this) (я предполагаю, что ваша кнопка находится в элементе td), а затем удалите его после успешного вызова.

$('.btnDelete').live("click", function () {

            var didconfirm = confirm("Are you sure ?");
            debugger;
            if (didconfirm == true)
            {
                var emaildata = $(this).closest('td').siblings(':first-child').text();
                var curRow = $(this).parent('tr');
                $.ajax({
                    type: "post",
                    url: "/Home/delete",
                    contentType: "application/json; chatset=utf-8",                    
                    //data: "{ 'EmailId' : '" + $(this).attr("data-member") + "'}",
                    data: "{ 'EmailId' : '" + emaildata + "'}",
                    confirm: "Need to delete this",
                    onSuccess: "deleteConfirmation",
                    success: function (data) {
                        alert("Record deleted Successfully");                        
                         curRow.remove();
                    }
                });
            }
        });