0

我正在使用仪表板并使用gridStack。我正在使用 ajax 更新数据库。数据是 html 元素的 x,y 位置（页面上的一些 div）。这是我的 JavaScript 代码：

// The "dragstop" fucntion is called when I stop dragging the <div> element.

     $(".grid-stack").on("dragstop", function () {
        setTimeout(function () {
            saveAllWidgets();
        }, 100);
    });


function saveAllWidgets() {
    var serializedData = _.map($('.grid-stack > .grid-stack-item:visible'), function (el) {
        el = $(el);
        var id = el.attr('id');
        var node = el.data('_gridstack_node');
        return {
            x: node.x,
            y: node.y,
            width: node.width,
            height: node.height,
            id: id
        };
    });

    var jsonString = JSON.stringify(serializedData);
    try {
        $.ajax({
            type: "POST",
            url: '/STARCOHttpHandlers/UpdateDashboardWidget.ashx',
            contentType: "application/json; charset=utf-8",
            data: jsonString,
            dataType: "json",
            success: function(data){
    //I am always getting the success response and I checked DB is also updating
                console.log(data); 
            },                 
            error: function(){
                console.log("some error occoured db is not updated!!");
            }
        });
    } catch (e) {
        alert(e);
    }
}

现在的问题是，如果我过于频繁地调用上述函数（拖放次数过多）。然后单击下面提到的 asp.net 按钮，页面重新加载但未触发 OnClick 事件（也在调试模式下根本不调用代码）。页面重新加载后，我第二次单击此按钮，然后触发 onClick 事件。

<asp:Button runat="server" ID="btnUndoChanges" CssClass="btn" Text="Undo all changes" OnClick="btnUndoChanges_OnClick"/>

 protected void btnUndoChanges_OnClick(object sender, EventArgs e)
        {

            return;
        }

我不知道为什么它会这样。它可能与 IIS 安全性或视图状态有关吗？

4

1 回答 1

0

花了 2 天后，我发现这是 ViewState 的错误。我正在添加这可能对使用 GridStack.JS 的人有帮助

我添加了以下代码行，它解决了问题。

protected override void OnInit(EventArgs e)
        {
          Page.ViewStateMode = ViewStateMode.Disabled;
        }
于 2017-01-23T11:20:14.967 回答