динамическая таблица, где я могу нажать на ссылку и получить контекстную информацию - PullRequest
Новая
       2

динамическая таблица, где я могу нажать на ссылку и получить контекстную информацию

1 голос
/ 07 августа 2009

динамически генерируется таблица, которая выглядит следующим образом:

Имя Действие
==== =======
Адам Удалить
Джо Удалить
Билл Удалить

Я хочу, чтобы "Удалить" было ссылкой, которая выскакивает всплывающее окно с подтверждением:

"Вы уверены, что хотите удалить" Адам "? (Да, Нет)

ОБРАТИТЕ ВНИМАНИЕ, что "adam" является контекстным и должно быть извлечено из строки таблицы, в которой пользователь его выбрал.

Ответы [ 2 ]

2 голосов
/ 07 августа 2009

Примерно так: 

$(document).ready(function() {
    $('a.delete').click(function(e) {
        //prevent the link from going anywhere
        e.preventDefault(); 
        //give me this link's parent (a <td>) and grab the text of the 'prev' one
        var name = $(this).parent().prev('td').text();
        var answer = confirm("Are you sure you want to delete " + name);
    });
});

Предполагается, что вы дадите своим ссылкам удаления класс delete.

0 голосов
/ 07 августа 2009

Это должно работать на каждой упомянутой вами структуре таблицы. 

<html>
<head>
<!-- you will need jQuery -->
<script type='text/javascript' src='path/to/jquery.js' ></script>
<script type='text/javascript'>
$(function() {
    $("td[innerHTML*='delete']").click(function(e) {

        var name = $(this).prev('td').text();

        if( confirm("Are you sure you want to delete " + name) )
        {
          // call ajax to delete this record

          // remove tr element
          $(this).parent().remove();
        }
    });
});
</script>
</head>
<body>
    <!-- your table -->
    <table>
      <tr>
        <td>Mira</td>
        <td>delete</td>
      </tr>
        <td>Adam</td>
        <td>delete</td>
      <tr>
        <td>Barney</td>
        <td>delete</td>
      </tr>
      <tr>
        <td>Scott</td>
        <td>delete</td>
      </tr>
    </table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...