从ASP.NET获取动态创建的标记(jquery)

你的 append() 调用只会更改DOM结构。ASP.NET不知道您这样做了。

您需要将您的更改存储到页面上的隐藏“状态”字段中,并在您的代码中删除它们。

var droppedItem = event.originalTarget;
$(".droppable").append(droppedItem.innerHTML);
$("#myHiddenStateField").get(0).value += "," + droppedItem.id;

代码落后:

string[] droppedItemIds = myHiddenStateField.Value.Split(",");

ASP.NET只能与表单元素一起使用。

因此,如果这些行是例如(input[type=text]),您可以这样做:

Request.Form["rows"]

编辑

当用户拖动元素时,为什么不创建一个新的隐藏输入,并将相关值放入其中呢?这将使使用上面使用的示例很容易从服务器获取值。

更好的方法是,为什么不在Droppable的成功事件上使用jquery的ajax,并通过asp.net的pagemethod记录每一个droppable,那么就不必在Droppable元素中解析HTML了。

这应该能让你开始

http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

下面是我使用的一个实际示例

          $('.droppable').droppable({
            accept: '#dragList > li, .columnRight li',
            activeClass: 'ui-state-highlight',
            hoverClass: 'hoverBorder',
            drop: function(ev, ui) {
                $.ajax({
                    type: "POST",
                    url: "yourPage.aspx/AddDroppable",
                    data: "{'id':'" + ui.draggable.context.id + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(msg) {
                        $("#Result").html(msg.d);
                    }
                });
            }
        });