Supprimer une ligne d'un tableau par un ID qui est à l'intérieur de champ caché

J'ai une table qui génère ses lignes dans une boucle while comme suit dans JSP, (j'utilise un champ caché dans chaque rangée pour obtenir l'ID spécifique et de le POSTER à la servlet)

<tr>
    <td><center><%  out.print(rs1.getString("teamid"));%></center><input name="tid" type="hidden" value="<%out.print(rs1.getString("teamid"));%>"/></td>
    <td><center><%  out.print(rs1.getString("teamname"));%></center></td>
    <td><center><%  out.print(rs1.getString("teaminitials"));%></center></td>
    <td><center><%  out.print(rs1.getString("teamdesc"));%></center></td>  
    <td><center><input type="submit" class="greenbutton" name="delete" value="Delete"/></center></td>
</tr>

Dans la servlet,

String buttondelete = request.getParameter("delete");
    if(buttondelete!=null){
    String tid = request.getParameter("tid");

        try {
            clmmodel_database.updateQuery("delete from clm_team where teamid = '"+tid+"'");
            response.sendRedirect("clmview_teamlist.jsp");
        } catch (Exception e) {
        }

    }

Mais cela supprime toujours la première ligne de la table, pas la ligne j'ai besoin de supprimer. Montrez-moi où j'ai fait l'erreur ou me suggérer un moyen.

Pourquoi voulez-vous de les soumettre le formulaire lors de supprimer le bouton est cliqué? Au lieu de cela vous pouvez faire appel AJAX.
Je ne suis pas familier avec l'AJAX 🙁
Il n'y a pas besoin de l'aide d'AJAX ici.

InformationsquelleAutor Dilukshan Mahendra | 2013-10-23

La solution la plus simple semble être de créer un formulaire pour chaque élément:

<tr>
<td>
Item X
</td>
<td>
<form><input type="hidden" name="id" value="x"/><input type="submit"/></form>
</td>
</tr>

<tr>
<td>
Item Y
</td>
<td>
<form><input type="hidden" name="id" value="y"/><input type="submit"/></form>
</td>
</tr>

InformationsquelleAutor Alan Hay

0

Problème est

1)delete nom du bouton sur la forme est commune pour toutes les lignes.
```
String buttondelete = request.getParameter("delete"); //button name on form  
```
Comment savez-vous le supprimer bouton est cliqué? Il n'y a pas d'identificateur.

Solution

Je ne suis pas la fourniture complète du code, mais de vous donner la direction.

Il n'est pas nécessaire de hidden field.

Vous pouvez utiliser AJAX et écrire une fonction javascript qui récupère l'id et le pass de servlet
```
<input type="button" class="greenbutton" name="delete" value="Delete" id="<%rs1.getString("teamid");%>" onclick="deleteRow(this.id)"/>  
```
Javascript
```
function deleteRow(clickedId)
{
   //AJAX call here
  //pass this clickedId to Servlet and delete the row , show response back to user 
}
```
Lien
- Ajax Bases pdf et le code source est également disponible.
- Il n'y a pas besoin de l'aide d'AJAX ici. Le problème n'a rien à voir avec l'AJAX.
- La droite. Votre solution est la meilleure. Ma façon de penser est différente, Lorsque vous soumettez le formulaire, toutes les lignes seront vidées. En ajax, vous pouvez rester sur la même page. Évitez de recharger.
InformationsquelleAutor Aniket Kulkarni

Dans votre rendu HTML de la table, vous avez plusieurs champs cachés avec le même id-attribut:

<form>
    <table>
        <tr>
            <td> <input type="hidden" value="ID_1" id="tid" ... > </td>
            <td> ... </td>
        <tr>
        <tr>
            <td> <input type="hidden" value="ID_2" id="tid" ... > </td>
            <td> ... </td>
        <tr>
        ...
    </table>
</form>

Valide. Lors de l'envoi du formulaire, tous valeurs de tid champs seront envoyées au serveur, comme un tableau. Comme: tid = [ "ID_1", "ID_2", ... ]

request.getParameter("tid") va vous retourner le première la valeur de cette liste. Ainsi, toujours sur la première ligne sera supprimé.

Une solution possible est de supprimer le champ caché et donner à vos boutons de soumission, que vous avez dans chaque ligne, une valeur différente:

<td> <input type="submit" name="delete" value="<%out.print(rs1.getString("teamid"));%>"/> </td>

Ensuite, le navigateur va voir:

<form>
    <table>
        <tr>
            <td> ... </td>
            <td> <input type="submit" name="delete" value="ID_1"/> </td>
        <tr>
        <tr>
            <td> ... </td>
            <td> <input type="submit" name="delete" value="ID_2"/> </td>
        <tr>
        ...
    </table>
</form>

Et, dans votre servlet, utilisation:

String tid = request.getParameter("delete");

Cela vous donnera le droit de l'ID.

Ensuite, les boutons ont des légendes à partir attribut "value", n'est-ce pas?

InformationsquelleAutor Uooo

@Dilukshan Mahendra Vous pouvez essayer comme ceci, Qui est travaillé pour moi. Tout ce que vous devez faire est d'entrer votre id de tableau et de balise d'ancrage de classe(Chaque ligne a la balise d'ancrage pour la ligne, donc à utiliser en classe)

$("#table_name tr td anchor_class").click(function(e) {
//e.preventDefault();
var row = $(this).closest('tr');
var rowid = row.attr('id');
var url = $(this).attr('href');
var ajaxUrl = url.substring(url.lastIndexOf("/") + 1, url.length);
input_box = confirm("Are you sure you want to delete this Record?");
if (input_box == true) {
    //Output when OK is clicked
    //Here you are sending your servlet URL to ajax.
    $.ajax({
        url : ajaxUrl,
        type : "POST",
        async : false,
        success : function() {
            $('#'+rowid).remove();
            alert('Record Deleted');
        }
    });

    return false;
} else {
    //Output when Cancel is clicked
    //alert("Delete cancelled");
    return false;
}
});

Et mon tableau html ligne ressemble,

<tr>
   <td>
     <input type="text">
   </td>
   <td>
     <textarea ></textarea>
   </td>
   <td>
     <input class="file1" type="file" value="">
   </td>
   <td>
      <a id="deleteFile2" class="del" href="ur_servlet_url&id=2">Delete</a>
   </td>
</tr>

Espère que cela aide..

Il n'y a pas besoin de l'aide d'AJAX ici. Le problème n'a rien à voir avec l'AJAX.
Peut-être, Si il ne veux pas recharger la page, puis ajax va l'aider.
U peut me dire comment faire pour supprimer les données de la base de données à l'aide d'ajax . chaque fois que l'utilisateur clique sur l'url sur le bouton est différent . La ligne est en cours d'impression par boucle while, donc je ne peux pas utiliser l'id (id ne peut pas être en double). Alors, comment obtenir l'url de la balise d'ancrage lorsque l'utilisateur cliquez sur le bouton .
Si vous avez d'autre question, vous pouvez poser une nouvelle question en partageant le code que vous avez essayé jusqu'à présent.

InformationsquelleAutor Vinoth Krishnan

utiliser ce code pour afficher la Liste dans la forme de la table:

<tr>
    <td>
        <input type="submit" name="data" value=<%=rs.getString(5)%> />
    </td>
</tr>

Ici "rs.getString(5)" est l'id.
id est un nom de champ/5 est un index de colonne dans une table.

Dans le SERVLET/JSP page

String id = request.getParameter("data"); //Store clicked 'submit' value.

Out.println(id);//Use the variable for your SQL.

Il a travaillé pour moi.

InformationsquelleAutor SharmaG

Vous devez vous connecter pour publier un commentaire.