我一直在看
http://jqueryui.com/demos/sortable/#default
大半天.我想使用新值来更新数据库是大多数人想要的.当我使用ASP.NET时,我的想法是使用序列化将新值发送到更新数据库的页面.这是脚本：
<script type="text/javascript">
jQuery(function() {
$("#sortable").sortable();
$("#sortable").disableSelection();
});
jQuery(function() {
$("#sortable li:lt(3)").css("font-weight","bold");
});
jQuery(function() {
$("#cmdUpdateSortOrder").click(function() {
$(".neworder").append("<br />");
$("#sortable li.ui-state-default").each(function() {
$(".neworder").append($(this).text() + "<br />");
});
var str = $("#sortable li.ui-state-default").sortable("serialize");
alert(str);
var result = $('#sortable li').sortable('toArray');
alert(result);
});
});
</script>
第一个功能来自jQueryUI示例,
第二个功能突出显示前三行,
单击按钮后,第三个功能会将新订单写入页面.
这两个警报都给我：
[object Object]
我希望有一个ID和值对,例如0 = 3& 1 = 2& 2 = 4等.另外,如果有人有更好的方法可以做到这一点,(ajax？),将不胜感激.
最佳答案
这是我解析可排序对象以通过jquery ajax发布到ASP.net MVC控制器操作的方式.
parseRouteRoleIds()可能就是您想要的.我只是在每个sortable()div上都有一个rowId类的隐藏范围.当我渲染页面的那一部分时,我只是将相关的项目键放入跨度中.稍后,当用户准备保存更改时,我只需在parseRouteRoleIds()函数中连接我的ID列表即可.
$.ajax({
type: 'POST',data: 'reviewCycleSwitchId=' + SWID + '&reviewCycleRoleIdList=' + parseRouteRoleIds(),url: root + saveRoutesPath,success: function(result) { // something you would do on success }
});
function parseRouteRoleIds() {
var kys = '';
$('.usedTiles li').each(function() {
kys = kys + ',' + $('.rowId',$(this)).html();
});
return kys;
}
