<script type="text/javascript">
jQuery(function($){
$('.dd').nestable();
$('.dd-handle a').on('mousedown', function(e){
e.stopPropagation();
});
$('[data-rel="tooltip"]').tooltip();
$('#nestable').nestable().on('change', function(){
var r = $('.dd').nestable('serialize');
$("#xx").html(JSON.stringify(r)); //改变排序之后的数据
});
$('#nestable').nestable().on('change', updateOutput);
});
</script>

  以上代码用来获取操作后的json 数据,传递给后台,进行数据排序处理。

以下为我的操作:

<script type="text/javascript">
jQuery(function($){
var courseID = '{$course_id}';
$('.dd').nestable();
$('.dd-handle a').on('mousedown', function(e){
e.stopPropagation();
});
$('[data-rel="tooltip"]').tooltip();
$('#nestable').nestable().on('change', function(){
var r = $('.dd').nestable('serialize'); console.log(11);
console.log(JSON.stringify(r));
$.ajax({
type: 'POST',
url: "__URL__/updateSort",
data: {jsonData:JSON.stringify(r),courseId:courseID},
success:function(result){
//console.log(result);
window.location.reload();
}});
$("#xx").html(JSON.stringify(r)); //改变排序之后的数据
});
$('#nestable').nestable().on('change', updateOutput);
});
</script>

  

    public function updateSort(){
//$data = '[{"id":605,"children":[{"id":4093},{"id":4095},{"id":4094},{"id":4096},{"id":4097},{"id":4098},{"id":4099},{"id":4100},{"id":4101},{"id":4102},{"id":4103},{"id":4104},{"id":4105},{"id":4106},{"id":4107},{"id":4108},{"id":4109},{"id":4110},{"id":4111},{"id":4112}]}]';
$data = $_POST['jsonData'];
//$data = '[{"id":553,"children":[{"id":3769},{"id":3768},{"id":3770},{"id":3771},{"id":3772},{"id":3773},{"id":3774},{"id":3775},{"id":3776},{"id":3777},{"id":3778}]}]';
$data = json_decode($data);
//var_dump($data);
$courseId = $_POST['courseId'];
//$courseId = 343;
$chapterId = $data[0]->id;
//$chapterId = 553;
$childrenData = $data[0]->children; try{
foreach($childrenData as $key=>$item){
echo $item->id."--".$key."<br/>";
M('CourseChapterSection')->where(array('course_id'=>$courseId,'chapter_id'=>$chapterId,'section_id'=>$item->id))->data(array('s_sort'=>$key))->save();
}
echo 1;
}catch(\Exception $e){
echo 0;
}
}

  

最新文章

  1. C#TreeView控件遍历文件夹下所有子文件夹以及文件
  2. 分享我用Qt开发的应用程序【一】,附绿色版下载,以后会慢慢公布源码
  3. php 抽象类、接口和构析方法
  4. wpf 在引用外部的资源字典
  5. Nginx+Keepalived主备负载均衡
  6. common.css 值得学习的css样式布局
  7. 前端性能监控系统ShowSlow
  8. Android KeyCode
  9. 304. Range Sum Query 2D - Immutable(动态规划)
  10. net core体系-网络数据采集(AngleSharp)-1初探
  11. 最方便最好看最好用的python日志。
  12. CentOS7.5 Linux搭建全文检索--Solr7.4.0单机服务
  13. SAP应用创新-维护控制表、视图统一路径
  14. 黄聪:AngularJS 动态加载控制器实例-ocLoazLazy
  15. 如何一步一步建立CAN通讯
  16. IntelliJ IDEA 2017版 spring-boot 实现jpa基本部署,通过实体类自动建立数据库
  17. SSIS 发送邮件
  18. Qt 5.x 开发技巧
  19. AndroidのUI体验之上拉下拉
  20. React基础----&gt;ReactJS的使用(一)

热门文章

  1. linux系统上项目部署
  2. Real Time Rendering 2
  3. Push API
  4. 进制转换&amp;数据类型(1)
  5. Python设计模式 - 总览(更新中...)
  6. centos 7 下 TFTP服务器安装
  7. TOJ3448: 小学生的作业
  8. Linux基石【第三篇】vim提示-bash:vim :common not found解决方法
  9. 【转】收集 jetty、tomcat、jboss、weblogic 的比较
  10. socket、fsockopen、curl、stream 区别