Как удалить блок по клику на ссылку внутри него?

Question

[davidnum95]

В представлении генерируется список записей виджетом CListView:

<? $this->widget('zii.widgets.CListView', array(
    'dataProvider'=>$dataProvider,
    'itemView'=>'_view',
    'ajaxUpdate'=>false,
    'template'=>"{items}"
));

Частичное представление _view.php:

<div class="something">
    <b><?= $data->username ?></b><br>
    <?= $data->email ?>
    <a href="#" id="deleteSomething">Delete</a>
    <input id="_id" style="display: none;" value="<?= $data->id?>">
</div>
<hr>

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

Answer 1

[enchikiben]

ничего сложного, в div добавьте скрытое поле с id запись у ссылки сделайте лучше класс т.к. по id не найти когда много записей. на клик (через on) навешиваете ajax, а в комплите ajax вызываете обновление $.fn.yiiListView.update("id-list"); и список обновиться

$(body),on("click",".deleteSomething",function(){
$.ajax({
  url: "htt://site.ru/delete",
  data:{"id":$(this).closest(".something").find(".id").val()}
})
  .done(function( data ) {
     $(this).closest(".something").remove();
     $.fn.yiiListView.update("id-list"); 
  });
})

как то так на вскидку

Comments

[davidnum95]

да, так, только запрос будет не пост, а гет т.е. :

$.ajax({
  type: 'GET',
  url:' <? echo $this->createUrl('something/deleteFunc')?>/' + $(this).closest(".something").find(".id").val();
})

спасибо

[enchikiben]

ну это как вам захочется :) хоть PUT )