Перетащите и удалите с помощью jquery и php - PullRequest
0 голосов
/ 04 августа 2011
    Product Name                            Barcode         Quantity    
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null
    2*WHITER RIN (200 GM)                   8901030295232   null    
    2*WHITER RIN JASMINE FRESH(500 GM)      8901030295201   null


                             Delete

Это моя таблица. Мне нужна функция jquery, чтобы выбрать конкретную строку таким образом, чтобы она могла перетаскивать или выбирать ее, и когда я нажимаю на кнопку удаления, она должна быть удалена ... Можеткто-нибудь помочь мне найти решение в jquery и php

посмотреть код

     <?php  $i=0;
    foreach($aaa as $row)
    {$i++;
?>
    <tr>
        <!--    <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"><?=$i?></td> -->
            <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"><?=$row[0]?></td>
            <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"><?=$row[1]?></td>
            <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"><?=$row[2]?></td>

        </tr>
  <?php 
      }
      ?>

Ответы [ 3 ]

1 голос
/ 04 августа 2011

Я присваиваю <tr> с произвольным классом "запись" <tr class="record">. И кнопка удаления с id = 'deleterecords'. Это функции щелчка и удаления.

// assign attribute selected to clicked rows
$("tr[class*='record']").click(function() {
   // comment line below if you want multi-selected records,
   $("tr[class*='selected']").removeClass("selected");
   $(this).addClass("selected");
});

// remove selected records upon clicking delete
$("input[id='deleterecords']").click(function() {
  $("tr[class*='selected']").remove()
});

Это рабочая реализация здесь . Что касается перетаскивания, я не уверен в функциональности пользователя.

Что касается вашего php-кода, Вместо

 <?php  $i=0;
foreach($aaa as $row)
{$i++;
?>
  <tr>

Добавьте следующий класс "запись" к вашему <tr>.

 <?php  $i=0;
foreach($aaa as $row)
{$i++;
?>
  <tr class='record'>

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

<style>
.selected {
  background-color:gray;    
}
</style>

Кроме того, моя кнопка удаления имеет идентификатор = 'deleterecords'

<input type="button" id="deleterecords" value="Delete">
0 голосов
/ 04 августа 2011

Это полный код в php. Я удалил атрибут bgcolor из <td>, потому что он переопределяет цвет фона из класса selected.

<head>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js"></script>
<style>
.selected {
  background-color:gray !important;
}
</style>

</head>
<?php
$aaa = array();
$aaa[] = array(1, "Data One", "Data Two");
$aaa[] = array(2, "Data Three", "Data Four");
$aaa[] = array(3, "Data Five", "Data Five");
$aaa[] = array(4, "Data AAA", "Data BBB");
$aaa[] = array(5, "Data AAAAAA", "Data SSSSBBB");
?>

<table border=1>
<tr class='record'>
  <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows">Row</td>
  <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows">Data 1</td>
  <td  align="left" valign="middle" bgcolor="#FFFFFF" class="rows">Data 2</td>
</tr>

<?php  $i=0;
  foreach($aaa as $row)
  {$i++;
?>
<tr class='record'>
  <td  align="left" valign="middle" class="rows"><?=$row[0]?></td>
  <td  align="left" valign="middle" class="rows"><?=$row[1]?></td>
  <td  align="left" valign="middle" class="rows"><?=$row[2]?></td>
</tr>
<?php } ?>
</table>
<input type="button" id="deleterecords" value="Delete">

<script type="text/javascript">
$(document).ready(function() {

  // assign attribute selected to clicked rows
    $("tr[class*='record']").live('click', function() {
       // comment line below if you want multi-selected records,
       $("tr[class*='selected']").removeClass("selected");
       $(this).addClass("selected");
    });

    // remove selected records upon clicking delete
    $("input[id='deleterecords']").live('click', function() {
      $("tr[class*='selected']").remove();
    });
});
</script>
0 голосов
/ 04 августа 2011
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...