使用jquery和php拖放
这是我的表。我需要一个jquery函数来选择特定的行,这样它应该能够拖动或选择它,当我单击delete按钮时,它应该是delete…有人能帮我在jquery和php中找到解决方案吗 视图代码使用jquery和php拖放,php,codeigniter,jquery,Php,Codeigniter,Jquery,这是我的表。我需要一个jquery函数来选择特定的行,这样它应该能够拖动或选择它,当我单击delete按钮时,它应该是delete…有人能帮我在jquery和php中找到解决方案吗 视图代码 Product Name Barcode Quantity 2*WHITER RIN (200 GM) 8901030295232 null 2*WHITER
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
看看本教程: 我正在为
分配一个任意类“record”
。以及id='deleterecords'的delete按钮。这些是单击和删除功能
<?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
}
?>
这是一个有效的实现。
至于拖放删除,我不确定用户的功能
至于你的php代码,
而不是
// 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 $i=0;
foreach($aaa as $row)
{$i++;
?>
<tr class='record'>
.选定{
背景颜色:灰色;
}
此外,“我的删除”按钮的id='deleterecords'
<style>
.selected {
background-color:gray;
}
</style>
这是php的完整代码。我从
中删除了bgcolor属性,因为它覆盖了所选类中的背景色
<input type="button" id="deleterecords" value="Delete">
.选定{
背景色:灰色!重要;
}
一行
数据1
数据2
$(文档).ready(函数(){
//将选定的属性分配给单击的行
$(“tr[class*='record'])。live('单击',函数()){
//如果要选择多个记录,请在下面的注释行中添加注释,
$(“tr[class*='selected'])。removeClass(“selected”);
$(此).addClass(“选定”);
});
//单击“删除”后删除所选记录
$(“输入[id='deleterecords'])。live('单击',函数()){
$(“tr[class*='selected']);
});
});
那么,你能告诉我们到目前为止你做了什么吗?我刚刚通过一个删除按钮删除了行。你能告诉我们你是怎么做的,这样人们才能给你更好的建议吗?你的拖放删除功能是“当记录被拖到表外时,它被删除了”吗?不点击“删除”按钮?不,不能拖动。。。。只是浏览一下Rauni给m+1的拖拽评论链接。现在,如果有一个删除框,在那里放置一个项目,而不是一个按钮,这将是有意义的。但当我实现这个代码时,它无法选择或删除??啊,勾选这个你可能错过了什么。我有html和JS在里面,还注意到包含了jQuery1.6.2和jQueryUI1.8.14。。。代码。。。你能告诉我如何实现上述问题中视图代码的代码吗
<input type="button" id="deleterecords" value="Delete">
<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>