2013-05-20 2 views
0

OK Так что я вид с данными в таблице, и я сделал опцию удаления, как в этом учебникеJavaScript Как я могу achive это в диалоге удаления

http://ricardocovo.com/2010/09/02/asp-mvc-delete-confirmation-with-ajax-jquery-ui-dialog/

Но теперь у меня есть вопрос, как я могу получить Название от правильной линии, чтобы написать что-то вроде этого

вы действительно хотите удалить «Имя продукта»

+0

проверить это OnClientClick = "подтвердить возврат (« Вы уверены, что хотите удалить »);« –

ответ

1

Я думаю, что он спросил о ASP.NET MVC, не веб-форм, так что код будет ниже

мнение будет

<table id="table"> 
<tr> 
    <td>Id</td> 
    <td>Name</td> 
    <td>&nbsp;</td> 
</tr> 
@foreach(var item in Mode.Items) { 
<tr> 
    <td>@item.Id</td> 
    <td>@item.Name</td> 
    <td><button class="deleted-link" value="Delete">delete</button></td> 
</tr> 
}  
</table> 
<div id="delete-dialog" title="Confirmation"> 

</div> 

и сценарий Jquery на представлении должна быть

$(function(){ 
     //alert($('.deleted-link')); 
    $('.deleted-link').each(function(){ 
     $(this).click(function(data){    
      var id = $(this).parent().parent().find('td :first').html(); 
      $('#delete-dialog').html('<p>Are you sure you want to delete the item with id = {' + id + '} ?</p>'); 
      $('#delete-dialog').dialog('open'); 
     }); 
    }); 

    $('#delete-dialog').dialog({ 
     autoOpen: false, width: 400, resizable: false, modal: true, //Dialog options 
     buttons: { 
      "Continue": function() {   
       $(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
}); 

Вы можете увидеть пример кода в http://jsfiddle.net/SVgEL/

Надеюсь, что эта помощь.

0

вы можете попробовать некоторые вещи, как это

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     ImageButton imb = (ImageButton)e.Row.FindControl("deleteButton"); 

     string recordName = e.Row.Cells[3].Text; 

     imb.OnClientClick = "return confirm('Are You sure Want to Delete the record:- "+ recordName.ToUpper()+" ? ');"; 
    } 
} 

Normal нажмите Event с кнопки

<a href="url_to_delete" onclick="return confirm('Are you sure want to delere');">Delete</a> 
+0

Есть ли опция без GridView? – Dox

+1

Этот ответ предназначен для WebForms. Я считаю, что OP использует ASP.NET MVC. –

+0

, тогда вам нужно Подключить мероприятие на стороне клиента, Delete

0

Что о передаче модели в представление и отображение имени? Не могу добавить комментарии, извините за размещение здесь в пространстве ответов. Если вы не хотите передавать модель, вы всегда можете просто передать имя в качестве параметра функции удаления из представления таблицы.

0

Предполагая, что вы уже используете JQuery, проверить это:

<script type="text/javascript"> 
    function removeCar(theLink) { 
     var theTR = $(theLink).parents('tr'); 
     var model = $(theTR).children('td._model').html(); 

     var theConfirm = confirm("Are you sure you want to remove " + model + "?"); 
     if (theConfirm == true) 
      $(theTR).remove(); 
    } 
</script> 
<table> 
    <thead> 
     <tr> 
      <th>Make</th> 
      <th>Model</th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Audi</td> 
      <td class="_model">A3</td> 
      <td><a href="#" onclick="removeCar(this); return false;">Remove</a></td> 
     </tr> 
     <tr> 
      <td>Audi</td> 
      <td class="_model">A4</td> 
      <td><a href="#" onclick="removeCar(this); return false;">Remove</a></td> 
     </tr> 
     <tr> 
      <td>Audi</td> 
      <td class="_model">A5</td> 
      <td><a href="#" onclick="removeCar(this); return false;">Remove</a></td> 
     </tr> 
    </tbody> 
</table> 
Смежные вопросы