使用 ajax 拖放功能对列字段重新排序?PHP/jQuery.
Re-order column fields with ajax drag and drop functionality? PHP/jQuery
目前我正在构建一个网站,其中一个功能是能够创建一个列表,然后你可以添加指向特定列表的链接。一个列表将包含许多链接。
我想通过简单地将li
元素拖放到新位置,然后通过 ajax 调用使用weight
的链接更新数据库,weight
对链接列表进行排序。
列表表:id | list_title | list_description | user_id | rating | views | date_created
链接表:id | title | url | user_id | list_id | weight | date_created
查看文件
<ul id="links_list">
<?php
if($links->num_rows() >= 1){
$i = 0;
foreach($links->result_array() as $link){
echo "<li class='"list_item-".$i."'">";
echo ''.$link['title'].'<br><br>';
echo "</li>";
$i++;
}
}else{
echo "You have not yet added any links to this list.";
}
?>
</ul>
我知道这没什么可说的,但不确定如何完成此操作或甚至从哪里开始。
任何帮助将不胜感激。
我最终提出了这个问题的解决方案,如下所示。
视图
<ul id="links_list" class="sortable">
<?php
if($links->num_rows() >= 1){
$i = 0;
foreach($links->result_array() as $link){
echo "<li id='"list_item-".$link['id']."'">";
echo ''.$link['title'].'<br><br>';
echo "</li>";
$i++;
}
}else{
echo "You have not yet added any links to this list.";
}
?>
</ul>
jQuery
$("#links_list").sortable(
{
connectWith: '.sortable',
update : function ()
{
$.ajax(
{
type: "POST",
url: base_url + "links/reorder",
data:
{
links: $("#links_list").sortable('serialize')
},
success: function(html)
{
html;
}
});
}
}).disableSelection();
链接/重新排序 PHP 脚本
public function reorder(){
parse_str($this->input->post('links'), $links);
foreach($links['list_item'] as $key => $value){
$this->db->set('weight', $key);
$this->db->where('id', $value);
$this->db->update('links');
}
}
希望这对某人有所帮助。
我建议使用jquery ui sortable。您可以附加到其中一个事件(如 change
)以在进行更改时获取列表,并向服务器发送 ajax 调用以进行保存
相关文章:
- 使用php、ajax、javascript对页面上的flash文件进行随机排序
- 将 php 变量(数组)json_encode JavaScript 变量时的键排序
- 通过javascript和php动态排序表以及其他一些选择标准
- 在 JavaScript 或 PHP 中按计算字段对数组进行排序
- 从 AJAX 调用的 PHP 对数组进行排序不起作用
- 使用 ajax 拖放功能对列字段重新排序?PHP/jQuery.
- 在MySQL,PHP或一般情况下排序时字符的优先级是什么
- 如何使用 Ajax Json PHP 和 MySQL 应用排序和过滤
- 我的排序方法(AJAX,PHP&MySQL)出了什么问题
- 在服务器端(PHP / MySQL)或客户端(js)排序
- 如何让 Javascript 和 PHP 以相同的方式对 JSON 响应进行排序
- Mysql php多选,排序
- 从.txt中提取PHP数据并按kml排序
- JavaScript与PHP在数组排序中的对比
- 按日期排序表-我应该使用AJAX/PHP/MySql还是纯Javascript
- 如何发送参数到PHP排序数据库
- php中的字母排序
- 如何根据字符串在每个元素中的位置排序PHP数组
- 按facebook点赞排序(PHP)
- 按字母顺序排序php/html表单中的下拉列表值