hi,
i have a very simple ajax example of deleting a row in a table.
everything works fine.
my problem is, what happens if i have more than 1 table (that means i
have for example
TABLE1 with <tbody id="user1">, TABLE2 with <tbody id="user2">. the
problem is the user.thtml, i dont know how many tables i have so i
cant create a user.thtml file for each table.
thanks for helping
pete
VIEW
<table>
<thead>
<tr>
<th>FirstName</th>
</tr>
</thead>
<tbody id="user">
<?php foreach ($users as $user): ?>
<tr>
<td><?php echo $user['User']['FirstName']; ?></td>
<td>
<form onSubmit="return false;">
<input type="submit" value="delete" id="remove<?php echo
$user['User']['ID']; ?>" />
</form>
<script type="text/javascript">
Event.observe("remove<?php echo $user['User']['ID']; ?>",
'click', function(event){ new Ajax.Updater('user','remove/<?php echo
$user
['User']['ID']; ?>', {asynchronous:true,
evalScripts:true,
parameters:Form.serialize(Event.element(event).form),
requestHeaders:['X-Update', 'user']}) },
false);
</script>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
CONTROLLER
function remove($id)
{
$this->set('users', $this->User->findAll());
$this->render('user', 'ajax');
}
USER.thtml
<?php foreach ($users as $user): ?>
<tr>
<td><?php echo $user['User']['FirstName']; ?></td>
<td>
<form onSubmit="return false;">
<input type="submit" value="delete" id="remove<?php echo
$user['User']['ID']; ?>" />
</form>
<script type="text/javascript">
Event.observe("remove<?php echo $user['User']['ID']; ?>",
'click', function(event){ new Ajax.Updater('user','remove/<?php echo
$user
['User']['ID']; ?>', {asynchronous:true, evalScripts:true,
parameters:Form.serialize(Event.element(event).form),
requestHeaders:['X-Update', 'user']}) }, false);
</script>
</td>
</tr>
<?php endforeach; ?>
==============================
2 or more tables
==============================
<?php for($i=0;$i<3;$i++) { ?>
<table>
<thead>
<tr>
<th>FirstName</th>
</tr>
</thead>
<tbody id="user">
<?php foreach ($users as $user): ?>
<tr>
<td><?php echo $user['User']['FirstName']; ?></td>
<td>
<form onSubmit="return false;">
<input type="submit" value="delete" id="remove<?php echo
$user['User']['ID']; ?>" />
</form>
<script type="text/javascript">
Event.observe("remove<?php echo $user['User']['ID']; ?>",
'click', function(event){ new Ajax.Updater('user','remove/<?php echo
$user
['User']['ID']; ?>', {asynchronous:true,
evalScripts:true,
parameters:Form.serialize(Event.element(event).form),
requestHeaders:['X-Update', 'user']}) },
false);
</script>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<? } ?>
CONTROLLER
function remove($id)
{
$this->set('users', $this->User->findAll());
$this->render('user???????????', 'ajax');
}
user.thtml ?????????????????????
<?php foreach ($users as $user): ?>
<tr>
<td><?php echo $user['User']['FirstName']; ?></td>
<td>
<form onSubmit="return false;">
<input type="submit" value="delete" id="remove<?php echo
$user['User']['ID']; ?>" />
</form>
<script type="text/javascript">
Event.observe("remove<?php echo $user['User']['ID']; ?>",
'click', function(event){ new Ajax.Updater('user','remove/<?php echo
$user
['User']['ID']; ?>', {asynchronous:true, evalScripts:true,
parameters:Form.serialize(Event.element(event).form),
requestHeaders:['X-Update', 'user']}) }, false);
</script>
</td>
</tr>
<?php endforeach; ?>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Cake
PHP" group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~----------~----~----~----~------~----~------~--~---
