在后面的代码上调用确认对话框并获取所选选项

Question

我正在开发一个 asp.net 应用程序，我需要在后面的代码上调用一个确认对话框。之后，我需要获得用户的点击（如果他点击了确定或取消）。

如果他点击对话框的确定​​按钮，我必须继续运行我在调用对话框之前停止的代码。

为了解决这个问题，我想在 aspx 中放置一个按钮类型的输入，并将其样式设置为可见性：隐藏。因此，当用户单击“确定”按钮时，程序将调用此隐藏按钮，该按钮调用的方法将继续停止工作。

我会发布我的代码，我希望它可能会有所帮助。

下面的代码在我的代码后面，它调用了确认对话框。

System.Web.UI.
    ScriptManager.RegisterClientScriptBlock(this, GetType(), "__Mensagem", "if (confirm('" + CustomMessage + "')){document.getElementById(\'<%=btnSave.ClientID%>\').click();}", true); 

下面的代码在我的 aspx 上，它是“隐藏”按钮。

<input style="visibility:hidden;" id="btnSave" runat="server" onclick="btnSave_Click"/>

我不知道为什么不起作用。单击确认对话框的按钮 OK 后收到的错误如下： Erro em tempo de execução do Microsoft JScript: 'document.getElementByID(...)' é nulo ou não é um objeto

我来自巴西，所以错误是葡萄牙语，翻译成英文是这样的：

“Microsoft JScript 'document.getElementByID(...)' 发生运行时错误为 null 或不是对象”

我查看了页面的 html 代码，发现按钮不存在。

可能是因为我使用的是UpdatePanel，但是当我删除它（只是为了测试，我必须使用Update Panel）时，显示了同样的错误，此时按钮位于页面的html代码上。

Answer 1

在黑暗中刺伤。

您是否在您的代码隐藏中设置了btnSave.visible = false;？如果是这样，这将阻止按钮被呈现到HTML。

另外，您是否有任何理由不使用 ASP:Button 控件，而不是 HTML 与 runat="server" 的混合？

最后，在您的<input.... 上添加type='button' 可能会有所帮助

更新

问题是您正在尝试应用内联标记 document.getElementById(\'<%=btnSave.ClientID%>\')

在您的代码中 <%=btnSave.ClientID%> 尚不存在。

当您将按钮放入另一个服务器控件时，您的代码将中断，因为 clientId 会变得不同。

把代码改成这样：

     document.getElementById('" + btnSave.ClientID + "')

无论您在哪里使用按钮，它都会起作用。

Answer 2

在浏览器中呈现您的页面后，右键单击它，然后说“查看源代码”。检查 HTML 并尝试找到隐藏的按钮，如果找到，请在语句 getElementById(\'<%=btnSave.ClientID%>\') 中使用它的 id。如果你没有找到你的按钮，那么可能你已经从你的代码隐藏的某个地方将它的可见性设置为 false，删除它，再次按照上面的过程，你应该没问题。

Answer 3

我解决了更换零件的问题

document.getElementById(\'<%=btnSave.ClientID%>\').click();

由

$(\"#ctl00_body_btnSave\").click();

我还将输入元素替换为 asp:Button。

现在看看我的代码在我的代码后面是怎样的：

System.Web.UI.
    ScriptManager.RegisterClientScriptBlock(this, GetType(), "__Mensagem", "if (confirm('" + CustomMessage+ "')){$(\"#" + btnSave.ClientID + "\").click();}", true);

在我的 aspx 上：

<asp:Button id="btnSave" Width="0px" Text="" runat="server" onclick="btnSave_Click"/>

不推荐使用 Widht="0px" 和 Text="" 来隐藏按钮，但我使用它是因为它不会给我带来问题。建议使用 CssClass 使其隐藏。

所以，如果用户确认操作，甚至会调用btnSave_Click。

感谢大家的回答。