Question

我尝试使用弹出窗口调用JavaScript函数，如果用户单击＆＃34;确定＆＃34;，则调用C＃函数。但是页面总是PostBack同时我正在加载JavaScript函数。

我的HTML ASP：按钮：

<asp:Button ID="PrchBtn" runat="server" class="PrchBtn" Text="<%$ Resources:Resource, WebEDI_Save %>" OnClick="PrchBtn_Click" OnClientClick = "Confirm();" />

OnClientClick，它调用这个JS函数：

function Confirm() {
    var confirm_value = document.createElement("INPUT");
    confirm_value.type = "hidden";
    confirm_value.name = "confirm_value";

    alertify.confirm('<%= GetGlobalResourceObject("Resource","WebEDI_PDF_MsgBox") %>', function (e) {
        if (e) {
            confirm_value.value = "Yes";
        } else {
            confirm_value.value = "No";
        }
        document.forms[0].appendChild(confirm_value);
    });
}

然后我的C＃功能：

public void PrchBtn_Click(object sender, EventArgs e)
    {
        //Code here...
    }

它正在使用一个简单的＆＃34;确认＆＃34;对话。但我想定制弹出窗口，这就是我使用＆＃34; Alertify＆＃34;库。

感谢您的帮助。

更新（见评论＃3）： 通过以下链接（Call Code Behind Function from JavaScript (not AJAX!)）这是我的实际代码：

<asp:Button ID="PrchBtn" runat="server" class="PrchBtn" Text="<%$ Resources:Resource, WebEDI_Save %>" OnClientClick="Confirm(); return false;" />
<asp:Button runat="server" ID="PrchBtnHidden" ClientIDMode="Static" OnClick="PrchBtn_Click" style="display:none;" />

function Confirm() {
    var confirm_value = document.createElement("INPUT");
    confirm_value.type = "hidden";
    confirm_value.name = "confirm_value";

    alertify.confirm('<%= GetGlobalResourceObject("Resource","WebEDI_PDF_MsgBox") %>', function (e) {
        if (e) {
            confirm_value.value = "Yes";
            document.forms[0].appendChild(confirm_value);
            __doPostBack('<%= PrchBtnHidden.UniqueID %>');
        } else {
            confirm_value.value = "No";
            document.forms[0].appendChild(confirm_value);
            __doPostBack('<%= PrchBtnHidden.UniqueID %>');
        }
    });
}

但问题是一样的，JS和C＃同时在做什么。

更新（奖金错误）： 我不知道为什么，但我的警报被窃听。提示：

alertify.prompt("Message", function (e, str) {
        // str is the input text
        if (e) {
            Console.Log("Ok");
        } else {
            Console.Log("No");
        }
    }, "Default Value");

当我点击Ok或No时，没有任何东西在射击。并且提示的TextBox内容是：

function（e，str）{// str是输入文本if（e）{Console.Log（＆＃34; Ok＆＃34;）; } else {Console.Log（＆＃34; No＆＃34;）; }}

使用Alertify.Confirm

alertify.confirm('<%= GetGlobalResourceObject("Resource","WebEDI_PDF_MsgBox") %>', function (e) {
        if (e) {
            confirm_value.value = "Yes";
            document.forms[0].appendChild(confirm_value);
            __doPostBack('<%= PrchBtnHidden.UniqueID %>');
        } else {
            confirm_value.value = "No";
            document.forms[0].appendChild(confirm_value);
            __doPostBack('<%= PrchBtnHidden.UniqueID %>');
        }
    });

只有＆＃34;好的＆＃34;正在开火。取消按钮不起作用。

解决方案： 拿了另一个alertify.js（http://alertifyjs.com/）这是我的JS功能：

alertify.confirm('<%= GetGlobalResourceObject("Resource","WebEDI_PDF_MsgBox") %>', function () {
        confirm_value.value = "Yes";
        document.forms[0].appendChild(confirm_value);
        __doPostBack('<%= PrchBtnHidden.UniqueID %>');
    },
      function () {
          confirm_value.value = "No";
          document.forms[0].appendChild(confirm_value);
          __doPostBack('<%= PrchBtnHidden.UniqueID %>');
      }).set('labels', { ok: 'Ok', cancel: 'No' });

它有效！

Answer 1

解决方案： 创建2个HTML按钮，一个可见链接到JavaScript函数，另一个看不到链接到C＃方法：

<asp:Button ID="PrchBtn" runat="server" class="PrchBtn" Text="<%$ Resources:Resource, WebEDI_Save %>" OnClientClick="Confirm(); return false;" />
<asp:Button runat="server" ID="PrchBtnHidden" ClientIDMode="Static" OnClick="PrchBtn_Click" style="display:none;" />

JS：

function Confirm() {
    var confirm_value = document.createElement("INPUT");
    confirm_value.type = "hidden";
    confirm_value.name = "confirm_value";

    alertify.confirm('<%= GetGlobalResourceObject("Resource","WebEDI_PDF_MsgBox") %>', function () {
        confirm_value.value = "Yes";
        document.forms[0].appendChild(confirm_value);
        __doPostBack('<%= PrchBtnHidden.UniqueID %>');
    },
      function () {
          confirm_value.value = "No";
          document.forms[0].appendChild(confirm_value);
          __doPostBack('<%= PrchBtnHidden.UniqueID %>');
      }).set('labels', { ok: 'Ok', cancel: 'No' });
}

当您点击第一个按钮时，它将调用JS。然后JS会调用PostBack的第二个按钮。我在使用Alertify时遇到了问题，因此我使用了另一个来源：http://alertifyjs.com/

Answer 2

您可以触发点击隐藏按钮，您可以在后面的代码上附加点击处理程序。

服务器：

protected void Page_Load(object sender, EventArgs e)
        {
            PrchBtnHiddenNo.Click += PrchBtnHiddenNo_Click;
            PrchBtnHiddenYes.Click += PrchBtnHiddenYes_Click;
        }

        void PrchBtnHiddenYes_Click(object sender, EventArgs e)
        {
            throw new NotImplementedException();
        }

        void PrchBtnHiddenNo_Click(object sender, EventArgs e)
        {
            throw new NotImplementedException();
        }

客户端：

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <script src="Scripts/alertify.js"></script>
    <link href="Content/alertify.default.css" rel="stylesheet" />
    <link href="Content/alertify.core.css" rel="stylesheet" />
    <hgroup class="title">
        <h1>Test alertify</h1>
    </hgroup>


    <asp:Button ID="PrchBtn" runat="server" class="PrchBtn" Text="Click Here" OnClientClick="Confirm(); return false;" />
    <asp:Button runat="server" ID="PrchBtnHiddenYes" ClientIDMode="Static" Style="display: none;" />
    <asp:Button runat="server" ID="PrchBtnHiddenNo" ClientIDMode="Static" Style="display: none;" />
    <script>
        function Confirm() {
            var confirm_value = document.createElement("INPUT");
            confirm_value.type = "hidden";
            confirm_value.name = "confirm_value";

            alertify.confirm('Do it', function (e) {
                if (e) {
                    $('#PrchBtnHiddenYes').click();
                    confirm_value.value = "Yes";

                } else {
                    $('#PrchBtnHiddenNo').click();
                    confirm_value.value = "No";                    
                }
            });
        }
    </script>    
</asp:Content>

从http://fabien-d.github.io/alertify.js/

下载的JS Source和css

重要提示：如果您试图触发点击文件上传输入，IE的痛处将不会让您这样做。

您可以使用纯java脚本no jquery：

document.getElementById("PrchBtnHiddenYes").click();

在C＃函数之前等待弹出响应

2 个答案: