JQueryドラッグ・ソート

2468 ワード

1,  JqueryUI
$(function(){
	$(".m_title").bind('mouseover',function(){
		$(this).css("cursor","move")
	});
	

    var $orderlist = $("#orderlist");
	var $list = $("#module_list");	
	$list.sortable({
		opacity: 0.6,
		revert: true,
		cursor: 'move',
		handle: '.m_title',
		update: function(){
			//       
                },
                success: function(msg) {
                     //alert(msg);
					
                }
             });
		}
	});
})

2,最後にjsonをつづってバックグラウンドに伝える(tr tdを避ける)
 function addSection(title, id) {
        var objUl = $("#firsttr");
        var objLi = $("");
        objUl.append(objLi);
        objLi.append("

");
var obj=$("カットアウト").attr("sectionId", id);
        objLi.find("p").append(obj);
        var sectionId = obj.attr("sectionId") ? obj.attr("sectionId") : "";
        obj.click(function () {
            var $this = $(this);
            if (sectionId != "") {
                art.dialog.confirm('本当にこのメッセージを削除しますか?',function(){
                    $this.gkPostJson({
                        url: "",
                        data: { "courseId": window.pageConfig["CourseId"], "sectionId": sectionId },
                        success: function (data) {
showTips(「操作成功」);
                            objLi.remove();
                        }
                    });
                }, function () {
                    //art.dialog.tips('キャンセル操作を実行する');
                });          
            } else {
                objLi.remove();
            }
            
        });
    }