2014-09-10 4 views
0

сценарий:Скрыть строку таблицы после начальной загрузки модели скрыта

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

так, если пользователь нажимает на кнопке удаления из модели .. продукт будет удален из базы данных .. и сообщение в модели показывает сообщение об успешном удалении с помощью Ajax ...

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

поэтому, чтобы скрыть тр, я написал следующее:

Таблица:

<tr id="<?= $row->id ?>"> //i have passed the product id to a tr.. so that i can hide it.. 
<td><?= $row->product_name ?></td> 
<td> 
    <a href="#delete-model" id="delete" role="button" 
     data-toggle="modal" data-id="<?= $row->id ?>"> 
     delete 
    </a> 
</td> 
</tr> 

ид = «удалить» передает значение идентификатора для удаления АЯКСА вызова и получает успешно удален ..

Аякса методы успеха:

success: function(data) { 
    $("#message").html(data.data); 
    $('#trId').attr('value', data.trId); //example #productid 
     //data.trId is the product id, to identify the tr 
     as i have passed the product id above to a tr as <tr id="<?= $row->id ?>"> 
    } 

теперь, когда пользователь закрывает модель, я хотел бы скрыть tr от того, где пользователь нажал кнопку удаления.

это событие уволят, когда пользователь закрывает модель:

$('#delete-model').on('hidden.bs.modal', function(e) { 
     $("#message").text(''); 
     $($("trId").val()).hide(); 
     $('#trId').attr('value', ''); 
    }); 

, но он не работает, как ожидалось .. любая помощь или предложение было бы большим подспорьем спасибо заранее ..

+3

Это должно быть '$ ($ (" # trId "). Val()). Hide();' (с "#"), не так ли? – Regent

+0

ohhhh ... такой отличный дурак, я .. спасибо @Regent Sir .. теперь его работа отлично .. –

+0

@AmitKumar '#' уже прикреплен с данными.trId от ответа ajax –

ответ

0

Проблема в этой строке:

$($("trId").val()).hide(); 

Оно должно быть:

$($("#trId").val()).hide(); 
Смежные вопросы