如何使用 JQuery Droppable 插件触发回发？答案

【问题标题】：How to trigger a postback using JQuery Droppable plugin?如何使用 JQuery Droppable 插件触发回发？
【发布时间】：2012-10-30 04:24:17
【问题描述】：

这是我的可拖放脚本

<script type="text/javascript">

    $(function() {

        $(".Source li").draggable({
            appendTo: "body",
            helper: "clone",
            revert: "invalid"
        });
        $(".Destination ").droppable({
            activeClass: "ui-state-default",
            hoverClass: "ui-state-hover",
            accept: ".Source li",

            drop: function(event, ui) {
                $(this).find(".placeholder").remove();
                $("#Hf1").val(ui.draggable.text());
                $("#TxtItemId").val($("#Hf1").val());



           }
        });

    });

</script>

现在我想通过回发访问代码隐藏中“TxtItemId”控件的值。我该怎么做呢？

顺便说一句，这是一个场景，一个人将一个项目从面板拖到购物车中，我需要捕获被丢弃项目的 ID 并在丢弃后触发回发以更新该项目的数量购物车。

【问题讨论】：

标签： asp.net jquery-ui drag-and-drop postback

【解决方案1】：

__doPostBack('<control unique ID>', '<command name>') 是回发的方法。您想要标准回发还是异步？对于异步，您可以将该部分包装在更新模式为 always 的更新面板中，或者在 JQuery 中使用 $.post 来执行此操作，但后者需要特殊处理。

对于更新数量，如果数量在数据库中，您可以使用 Web 服务进行更新，这可以很容易地从 jquery 使用 $.get 或 MS AJAX 通过使用 Web 服务代理调用。

如果您需要更多信息，请告诉我。

HTH。

【讨论】：

我遇到了一种情况，我们必须更新复选框控件状态的面板。我使用 setTimeout('__doPostBack(\'' + + '\',\'\')', 0);