隐藏和显示div的按钮单击UpdatePanel中的

Question

我正在使用UpdatePanel ---> LinkBut​​ton-> Div --->表结构。 当我单击Linkbutton时，div必须首先显示表格式并必须在其OnClick事件中执行代码，我面临的问题是我尝试了如下所示的许多jquery函数：

<asp:LinkButton ID="lnkbtnUnitAdd" runat="server" OnClientClick="Toggledivs()"  OnClick="lnkbtnAdd_Click" Text="Add" ></asp:LinkButton>

即使我使用过：

$(document).ready(function()
{ 
    $("#lnkbtnUnitAdd").click(function () {
        $("#divUnit").show("slow"); return false;
    });
});

要么

function Toggledivs()
{
    $("#lnkbtnUnitAdd").click(function () {
        $("#divUnit").show("slow"); return false;
    });
}

或不使用LinkBut​​ton中的OnClientClick属性

结果是相同的，因为该函数在按钮Onclient click或document.ready function（）中返回false，因此不会触发按钮Onclick事件。

如果我评论return false，则div无法正确显示。

请帮助如何处理，因为整个过程都在updatepanel中运行。

Answer 1

在这种情况下，您可能必须使用Control.ClientID 。 尝试这个

$(document).ready(function(){ 
    $("#<%=lnkbtnUnitAdd.ClientID%>").click(function () {
        $("#divUnit").show("slow"); return false;
    });
});

我不建议在HTML中添加事件处理程序。 但是以下代码应该可以工作。 您不必再次分配click事件。

function Toggledivs()
{
    $("#divUnit").show("slow"); 
    return false;
}

给

return true;

如果要执行onclick函数。

Answer 2

如果我明白您的意思，则应该这样做： __doPostBack仅在动画完成后才调用，您可以通过将回调函数传递给jquery的show的第二个参数来实现。 更新 ：

$(document).ready(function()
{ 
    $("#lnkbtnUnitAdd").click(function (e) {
        var btnName = $(this).attr('name');           
        $("#divUnit").show("slow",function(){
           __doPostBack(btnName,''); //now call the actual postback event      
        });

        e.preventDefault(); //prevent default postback behavior
        return false;
    });
});