jQuery实现表格拖动排序
2014-03-10 20:55
721 查看
原理就是利用mousedown、mouseover、mouseup事件实现拖动,并用Ajax实现保存结果。
JS代码如下:
View Code
效果图(静态图片看不到动态效果,这里示意一下):
JS代码如下:
/// <summary> /// 调整题目顺序 /// </summary> public void ChangeSubjectsSort(int templateId) { string subjectIds = ctx.Post("subjectIds"); string[] subjectIdArray = subjectIds.Split(','); for (int i = 0; i < subjectIdArray.Length; i++) { Edu_QnSubject qnSubject = edu_QnSubjectService.findById<Edu_QnSubject>(int.Parse(subjectIdArray[i])); qnSubject.Sort = i + 1; Result result = edu_QnSubjectService.update(qnSubject); //保存 } echoText("ok"); }
View Code
效果图(静态图片看不到动态效果,这里示意一下):
相关文章推荐
- 网页布局四之jQuery-easyUI的datagrid的基本应用
- jquery 下操作json
- jquery 新建的元素事件绑定问题
- jquery 声明公用函数 prototype方法
- Jquery load() 方法用法集锦
- jquery方法详解--bind(type, [data], fn)
- jquery之stop()的用法
- jquery较验组织机构编码
- jquery文件上传控件 Uploadify
- jquery实现二级联动不与数据库交互
- 50个必备的实用jQuery代码段
- chrome浏览器下禁制 textarea改变大小; Jquery的textareaCounter插件控制textarea输入的字符数量
- Jquery实现弹出窗口效果
- JQUERY+MYSQL+PHP通用用户注册页面的实例
- jquery插件开发之实现jquery手风琴功能分享
- jquery:cookie
- Jquery LoadSelect 直接填充下拉框
- jquery插件开发之实现google+圈子选择功能
- 50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段
- jquery基础教程之数组使用详解