Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jQuery UI将可排序列表连接在一起并更新SQL

问使用jQuery UI将可排序列表连接在一起并更新SQL
EN

Stack Overflow用户

提问于 2010-03-22 07:39:48

回答 1查看 1.4K关注 0票数 0

我正在使用jQuery UI的可排序列表对待办事项列表中的项目进行排序，并且列表的重新排序非常有用。

对于每个待办事项类别，我都有几个UL列表，即设计、开发等。

我希望能够将项目从一个类别移动到另一个类别，而jQuery UI的可排序列表插件允许我使用connectWith选项参数来实现这一点。

但我似乎也找不到更新数据库的方法。todo数据库表有一个字段，用于引用它自己的表中的类别。

这是当前的代码：

$('.sortable').sortable({
    axis: 'y',
    opacity: .5,
    cancel: '.no-tasks',
    connectWith: '.sortable',
    update: function(){
        $.ajax({
            type: 'POST',
            url: basepath + 'task/sort_list',
            data: $(this).sortable('serialize')
        });
    }
});

我是否需要向AJAX的data参数添加另一个值，或者在serialize函数中为我执行可排序插件？

jquery-ui-sortable

EN

回答 1

Stack Overflow用户

发布于 2010-07-05 12:29:25

你可能已经弄明白了，但这是我的方法。(可能会给某人指明正确的方向)

我是Stackoverflow的新手，在格式化文章中的代码时遇到了麻烦。由于某种原因，当我使用代码括号时，它忽略了一些行。所以我把它贴在这里。

jQuery Sortable joined lists with SQL update

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2490599

复制

相关文章

jquery 列表可拖动排序 sortable

html javascript jquery http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery UI Sortable</title> <style type="text/css"> #myList{ width: 80px; background: #EEE; padding: 5px; list-style: none; } #myList a{ text-decoration: none; color: #0077B0; } #myList a:hover{ text-decoration: underline; } #myList .qlink{ font-size: 12px; color: #666; margin-left: 10px; } </style> </head> <body> <ul id="myList"> <li><a href="#">心情</a></li> <li> <a href="#">相册</a> <a href="#" class="qlink">上传</a> </li> <li> <a href="#">日志</a> <a href="#" class="qlink">发表</a> </li> <li><a href="#">投票</a></li> <li><a href="#">分享</a></li> <li><a href="#">群组</a></li> </ul>

用户5760343

2019/10/10

2.4K0

jquery 列表可拖动排序 sortable

jquery 列表可拖动排序，并把排序发送给后台

html javascript jquery http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

用户5760343

2019/10/10

1.4K0

jquery 列表可拖动排序，并把排序发送给后台

jQuery UI Datepicker使用介绍

jquery markdown

本博客使用Markdown编辑器编写在企业级web开发过程中，日历控件和图表控件是使用最多的2中第三方组件。jQuery UI带的Datepicker，日历控件能满足大多数场景开发需要。本文就主要讨论jQuery UI Datepicker的使用，和中文本地化配置。 1.jQuery UI介绍 jQuery UI是一套基于jQuery控件和动画效果Javascript类库。可以用来构建交互式的互联网应用程序。最新版本1.10.4.基于jQuery 1.6+ jQuery UI官方网站 2.jQuery

八哥

2018/01/18

1.9K0

jQuery UI Datepicker使用介绍

python连接sql server并执

python操作sql server，可以使用pymssql，成功安装pymssql后，按照如下的方法，可以连接数据库并执行查询操作：

py3study

2020/01/07

8210

Docker安装MS SQL Server并使用Navicat远程连接

sql 容器镜像服务 navicat server 连接

　　Microsoft SQL Server（简称SQL Server）是由微软公司开发的关系数据库管理系统，它是一个功能强大、性能卓越的企业级数据库平台，用于存储和处理大型数据集、支持高效查询和分析等操作。SQL Server 支持广泛的应用程序开发接口（API），包括 T-SQL、ADO.NET、ODBC、OLE DB 等，并支持多种操作系统，包括 Windows、Linux 和 Docker 等。SQL Server 包含许多高级功能和组件，如数据仓库、分析服务、报告服务、全文搜索等，可为企业提供全面的数据管理和分析解决方案。

追逐时光者

2023/06/10

8840

Docker安装MS SQL Server并使用Navicat远程连接

python连接并使用redis

云数据库 Redis®python

Redis是一个强大的非关系型数据库，在python中同样可以使用redis，在python中称之为redis-py，分为2.0和3.0版本，下面均为3.0版本代码，以扩展类形式进行安装使用。

申霖

2020/01/20

1.1K0

Ruby 连接到 MySQL 并执行SQL查询

require 'mysql' m = Mysql.new("localhost","ruby","secret","maillist") r = m.query("SELECT * FROM people ORDER BY name") r.each_hash do |f| print "#{f['name']} - #{f['email']}" end </pre> require 'mysql' m = Mysql.new("localhost","ruby","secret","maill

用户8983410

2021/11/02

1.4K0

在 jQuery Mobile 中使用 UI 组件

jQuery Mobile JavaScript 库是一种强大的方式，允许用户通过 Web 浏览器直接连接到触摸友好的应用程序，从而让移动和平板设备可以访问移动应用程序。

用户7293182

2020/07/20

8.1K0

golang连接MySQL并导入执行SQL文件

数据库 sql mysql 连接

实现golang连接MySQL数据库导入执行一个sql文件 package tools import ( "fmt" _ "github.com/go-sql-driver/mysql" "github.com/jinzhu/gorm" "io/ioutil" "log" "os" "strings" "time" ) type ImportSqlTool struct { SqlPath

唯一Chat

2022/11/16

3.1K0

使用Oracle SQL Developer 连接SQL Server

oracle sql sql server 云数据库 SQL Server 数据迁移

上次，将MySQL数据迁移到Oracle介绍了如何使用oracle sql developer连接mysql。同样，sql server的连接也比较相似。

williamwong

2018/07/24

3.3K0

使用Oracle SQL Developer 连接SQL Server

jQuery ui中sortable draggable droppable的使用

api https html 网络安全 jquery

最近工作中用到了jQuery UI中排序和拖拽功能，花了大概一天的时间，搞清楚了大概的参数配置，以及遇到的一些问题，总结如下。

Daotin

2020/07/25

2.2K0

使用 Docker 安装并连接 MySQL

云数据库 SQL Server 数据库 sql 容器镜像服务

作为开发，在本机捣鼓一下 Docker 还是很有必要的，本篇文章介绍如何使用 Docker 安装 MySQL，并在终端（iTerm2）使用命令连接 MySQL。

程序员小航

2021/07/09

1.4K0

MYSQL连接协议解析并使用PYTHON模拟连接

python flags mysql salt server

了解了mysql的连接协议后, 就可以直接写mysql连接(驱动)了, 就可以模拟mysql client去连接数据库了, 还能模拟mysql服务端, 就可以制作mysql中间件来做读写分离, 分布式数据库之类的了. 不过本文不会讲到那么多.

大大刺猬

2023/03/19

2K0

MYSQL连接协议解析并使用PYTHON模拟连接

使用React DnD实现列表拖拽排序

javascript api react css

React DnD 是一组 React 高阶组件，使用的时候只需要将对应的 API 将目标组件进行包裹，即可实现拖动或接受拖动元素的功能。

IMWeb前端团队

2019/12/04

9.7K1

JQuery生成图片列表

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>生成图片列表</title> 5 <style type="text/css"> 6 *{ margin: 0px; padding: 0px; } 7 .bpp4{ width: 700px; height: 280px; padding-left: 10px; padding-bottom: 10px; border: 1px solid #333333

彼岸舞

2020/09/30

7.7K0

python中列表排序，字典排序，列表中的字典排序

key= lambda dict1:dict1[0] #dict1[0]表示按键，dict1[1]表示按值。

用户8346838

2021/03/10

9.1K0

The jQuery UI CSS Framework

jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合！包含了许多的界面操作功能，如我们常用的表格排序，拖拽，TAB选项卡，滚动条，相册浏览，日历控件，对话框等 JS插件~~可以很方便的开发用户界面上的功能，使得您的开发工作事半功倍~~不用写繁琐的JS代码。 jQuery UI提供了一个强大的CSS Framework，为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。 jQuery UI是一套基于jquery

张善友

2018/01/19

2.3K0

jQuery ui 中文日历

jQuery ui 中文日历 <link href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.10.2.js"></script> <script src="js/jquery-ui-1.10.4.custom.min.js"></script> <script type="text/javascript"> jQuery(function(){

deepcc

2018/05/16

2.1K0

Python 列表排序

python 微信编程算法

本文最先发布在： https://www.itcoder.tech/posts/python-list-sort/

雪梦科技

2020/06/05

1.8K0

点击加载更多

相似问题

可使用连接列表排序的Jquery ui

21

Jquery UI可排序列表更新

10

jQuery UI可排序-多连接列表拖动

37

jquery ui可排序连接列表:复制项目

21

启用带有连接列表的jQuery UI排序

16

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例