Insertion de lignes dans un tableau

**rawsrc** · 09/12/2008, 00h12

Bonsoir,

l'objectif est d'arriver à créer un noeud dans une table (une nouvelle ligne à la fin d'une section) en utilisant prototype.js ver 1.6.0.3

Voici mon code html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<body>
  <div id="tableSection">
    <table id="tableData">
      <thead>
        <tr>
          <th>ID</th>
          <th>NAME</th>
        </tr>
      </thead>
 
      <tbody>
        <span id="row1">
          <tr class="impair">
            <td>1</td>
            <td class="notReallyLink" onclick="javascript:showActions('row1');">Test</td>
          </tr>
        </span>
      </tbody>
    </table>
  </div>
</body>

et voici le javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function showActions(idRow) {
 
  var myNode = $(idRow);
 
  var btnUpdate = new Element('span',
                             { class: 'btn080',
                               onclick: 'infoBulle('update', event);'}).update('Update');
 
  var btnDelete = new Element('span',
                             { class: 'btn080',
                               onclick: 'infoBulle("delete", event);'}).update('Delete');
 
  var newNode = myNode.insert(new Element('tr'), { position: 'Bottom' });
  newNode.insert(new Element('td'), { position: 'Bottom' });
  newNode.insert(new Element('td'), { position: 'Bottom' }, [btnUpdate, btnDelete]);
}

Avec ce code je retrouve la nouvelle ligne en dehors de la balise <table>, à vrai dire juste au dessus !

Et après de multiples essais je sèche complètement
Si quelqu'un avait une idée...

**Bovino** · 17/12/2008, 13h20

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

newNode.insert(new Element('td'), { position: 'Bottom' });

essaye plutôt :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

newNode.insert({ bottom: new Element('td') });

En adaptant aussi à tes autres insert().

La syntaxe de insert() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

insert(element, {position: contenu});

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(element).insert({position: contenu});

element étant l'élément dans lequel tu veux faire ton insertion, position, l'endroit où tu veux insérer, contenu, le contenu à insérer.

Insertion de lignes dans un tableau

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager