Question

我有以下代码：

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" />
    </Triggers>
    <ContentTemplate>
        <asp:Button ID="btnSave" runat="server" Text="Submit"/>
        <asp:Panel ID="pnlMyView" runat="server">
            <asp:GridView Control here...
        </Panel>
            <asp:Panel ID="pnlInfo" runat="server" Visible="False">
                 <div>
                     Some information...
                 </div>
        </Panel>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
    <ProgressTemplate>
        Update in progress...
    </ProgressTemplate>
</asp:UpdateProgress>

<script language="javascript" type="text/javascript">
$(window).load(function() {
    $("input:submit[id$='btnSave']").click(function() {
    //jQuery code to validate gridview enteries...
})
});
</script>

步骤：

1.首次刷新页面或加载页面并单击“提交”按钮以验证GridView中的条目

2.验证正确完成并保存对数据库的更改。

3.在gridview条目中进行一些更改并单击“提交”按钮

4.Validation没有发生，并保存数据库中的条目（即错误的条目）。

5.刷新页面，即按F5，现在一切正常。

如何在第4步解决问题。

----------------- PS ----------------

实际上我在页面加载时有两个面板pnlMyView和pnlInfo.So我只对pnlMyView可见而其他是不可见的。一旦我移动到pnlInfo并返回pnlMyView并提交Nothing验证。

由于

Answer 1

问题是你的HTML被重新加载，因此按钮上的事件处理程序会丢失。

您可以尝试以下代码，以确保处理程序保持不变：

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div id="root">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            <asp:Button ID="btnSave" runat="server" Text="Submit"/>
            <asp:Panel ID="pnlMyView" runat="server">
                <asp:GridView Control here...
            </Panel>
         </ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress1" runat="server">
        <ProgressTemplate>
            Update in progress...
        </ProgressTemplate>
    </asp:UpdateProgress>
</div>    
<script language="javascript" type="text/javascript">
$(window).load(function() {
    $("input:submit[id$='btnSave']").on("click", ".root", function() {
    //jQuery code to validate gridview enteries...
})
});
</script>

这样做是以不同方式注册处理程序。您需要将UpdatePanel包装在具有类root的div中。然后你注册这样的处理程序：

$("input:submit[id$='btnSave']").on("click", ".root", function() {});

这告诉jQuery在一个名为root的元素上注册一个处理程序，但只在执行input:submit...时执行它。

由于未删除div，因此即使在替换HTML后它仍会检测到处理程序。

这些类型的事件称为delegated events。您可以在jQuery文档中阅读更全面的解释：http://api.jquery.com/on/

Answer 2

更好地使用Button控件的OnClientClick属性：

<asp:Button ID="btnSave" runat="server" Text="Submit" OnClientClick="return validate()" />

function validate(){
 //jQuery code to validate gridview enteries...
 //if validation isn't succeeded return false, otherwise return true
}

Answer 3

嘿朋友我得到了解决方案。我使用live事件，现在一切正常。

$("input:submit[id$='btnSave']").live("click", function(event) {

感谢所有人的回复

提交时asp.net中的ScriptManager问题

3 个答案: