Question

我今天在与asp.net挣扎。我有一个按钮。按下此按钮时，它应淡入div并执行服务器端方法（获取数据）。我怎么能这样做？

我按下了淡入淡出功能，但是当我附加onclick或onserverclick事件时，它就会停止工作。我试过了两个asp：Button和input。

<input id="btnSelectSupplier" type="button" class="btn btn-primary btn-sm " value="Select Supplier" runat="server" onserverclick="btnSelectSupplier_Click" />

要淡出的div ..

<div id="divSelectSupplier" class="ui-widget-content">
        <div class="viewSupplierDetailsHeader">
            <h3>Select Supplier</h3>
            <button type="button" class="btn btn-danger btn-sm pull-right CloseViewSupplierDetails">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>Close
            </button>
        </div>
        <div id="" class="text-center" runat="server">
            <h4>Please Wait..</h4>
        </div>
    </div>

JS方面：

$('#btnSelectSupplier').click(function () {
    var thisResource = $(this).position();
    var left = thisResource.left - 350;
    var top = thisResource.top - 50;
    $("#divSelectSupplier").css("left", left).css("top", top).fadeIn(600);
});

最后，背后的代码：

protected void btnSelectSupplier_Click(object sender, EventArgs e)
    {
        divSelectSupplierContainer.InnerHtml = "<h2>Done.</h2>";
    }

Answer 1

您应该使用Jquery post事件将数据发布到服务器，而不是使用服务器onclick，然后在回调中可以淡出div

$('#btnSelectSupplier').click(function () {
    var thisResource = $(this).position();
    var left = thisResource.left - 350;
    var top = thisResource.top - 50;
    $("#divSelectSupplier").css("left", left).css("top", top).fadeIn(600);

    $.post("urlForPost", { //data to post },function(returnData){
       $("#divSelectSupplier").fadeOut(600);
    });
});

淡入div并执行服务器端方法

1 个答案: