php - 在 php 中实时记录表之间的移动

标签 php javascript ajax

嗨,我是一名初学者,我有一个小项目,可以在屏幕上将人们分组:

我有一个 php 代码,可以在屏幕上列出分发列表、成员列表和人员。但我对这个案子没有太多经验。我想知道是否有人可以给我一些构建它的提示:

Distribution lists         |       Member list        |          People
                         ADD->                     <-ADD

   All                     |       Group 3            |      []  Contact A
[] Group 1                 |       Contact 3          |      []  Contact B
[] Group 2                 |       Contact 5          |      []  Contact C
[] Group 3                 |       Group  6           |      []  Contact D
[] ...                     |       ...                |          ...

因此,当您单击任何通讯组列表时,您将获得成员列表,并且可以向其中添加人员。理想情况下,最好不要记忆整个页面,但我不想问太多。

有人可以帮忙吗?非常感谢 - 我知道这是一个复杂的问题,但总有希望。

我的php代码:

<?php

// left table
echo "<div id='left'><label>Distribution list</label><table id='tblist'><tr><th>&nbsp;</th><th>Dist list</th></tr>";
$sql=... //done
foreach ($pdo->query($sqla) as $rowa) {
  $rowsa=$rowsa.'<tr><td><input type="checkbox" name="" value="" /></td><td>'.$rowa['grname'].'</td></tr>';
echo $rowsa."</table></div>";

// moving buttons
echo "<div id='leftbuttons'><input type='submit' value='Add ->> '><br /></div>";

// mid table
<?php
echo "<div id='mid'><label>Member list</label><table id='tblist'><tr><th>&nbsp;</th><th>Members:</th></tr>";
// left table
$sql=... //done
... // same as above
echo $rowsa."</table></div>";

// moving buttons
echo "<div id='rightbuttons'><input type='submit' value='<<- Add '><br /></div>";

// right table
<?php
echo "<div id='right'><label>People</label><table id='tblist'><tr><th>&nbsp;</th><th>Names</th></tr>";
// left table
$sql=... //done
... // same as above
echo $rowsa."</table></div>";

?>

希望不要像这样太乱。再次感谢。

最佳答案

您应该看看一些 Javascript 库。这是 Ext JS 中的示例:http://docs.sencha.com/ext-js/4-0/#!/example/dd/dnd_grid_to_grid.html

关于php - 在 php 中实时记录表之间的移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7204172/

相关文章:

php - doctrine odm 为日期字段返回 null

javascript - 使用标签和跨度的表

javascript - 如何使用 jquery 向所有 li 添加类而不是单击 li

javascript - 将悬停、onmouseetner、onmouseleave 函数添加到 css 类、语法

javascript - xmlhttp 未定义。 JavaScript Ajax

php - Fat Free 框架中的验证码

php - 将变量传递给外部 PHP 文件

php - 如何创建没有相应页面的重力表单

javascript - 如何使用 ajax (MVC) 传递 html 的内容

html - Internet Explorer 不呈现从 JQuery ajax post 返回的 html