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();
}
});
}
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();
}
});
}