需要在OnClientClick之前執行OnClick事件

Question

我正在開發一個掃描應用程序，我需要進行一些驗證和數據庫更新，然后掃描文檔。

我已經嘗試過各種基於搜索答案的方法，但是無法找到任何東西。

                <asp:ScriptManager ID="script1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
                    <asp:UpdatePanel ID="panel1" runat="server">
                        <ContentTemplate>
                             <tr><td><asp:Button ID="btnScan" runat="server" Text="Scan" OnClick="Scan" OnClientClick="return AcquireImage()" /><p></td></tr>
                         </ContentTemplate>
                    </asp:UpdatePanel>
              </table>            
          </td>        
          <td>                        
            <table width=100% >
                <tr><td>
                    <div id="dwtcontrolContainer" > </div>
                </td></tr>
            </table>  
            <script type="text/javascript">
                function AcquireImage() {
                        var DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
                        DWObject.IfDisableSourceAfterAcquire = 'true';
                        DWObject.SelectSource();
                        DWObject.OpenSource();
                        DWObject.AcquireImage();
//                        var isPostBack = <%=Convert.ToString(Page.IsPostBack).ToLower()%>;
//                        alert(isPostBack);
                       return true;
                    }

甚至嘗試過刪除OnClientClick並通過onClick事件執行javascript。 它進入Onclick，但不會執行javascript

        if (enddate.Text == "")
        {
            ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "key", "alert('Please enter a Transaction date before scanning');", true);
            return;
        }

        //ScriptManager.RegisterStartupScript(this, this.GetType(), "myScript", "AcquireImage()", false);
        Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMAnotherFunction", "javascript:AcquireImage();", true);

任何幫助將不勝感激。

Answer 1

OnClientClick事件在客戶端運行， OnClick事件在服務器端運行。 OnClientClick首先觸發，因此不可能在OnClientClick之前執行OnClick事件。

根據您的要求，您需要首先運行服務器端代碼，然后運行客戶端回調。 這是我的解決方案。

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="head1" runat="server">
    <title>Button.OnClientClick Example</title>
    <script type="text/javascript" src="http://tst.dynamsoft.com/libs/dwt/14.0/dynamsoft.webtwain.min.js"> </script>
</head>
<body>

    <script runat="server">

    void Button1_Click(object sender, EventArgs e)
    {
        string script = @"
        var DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
        DWObject.IfDisableSourceAfterAcquire = true;
        var bSelected = DWObject.SelectSource(); 

        if(bSelected) {
            var OnAcquireImageSuccess, OnAcquireImageFailure;
            OnAcquireImageSuccess = OnAcquireImageFailure = function () {
            DWObject.CloseSource();
            };
        };

        DWObject.OpenSource();
        DWObject.AcquireImage(OnAcquireImageSuccess, OnAcquireImageFailure);  

        ";
        bool isTrue = true;
        if (isTrue)
        {
            ScriptManager.RegisterClientScriptBlock(this, GetType(), "key", script, true);
        }


    }

</script>
    <form id="form1" runat="server">

        <h3>Dynamsoft Dynamic Web TWAIN Demo</h3>

        <p></p>

    <div id="dwtcontrolContainer"></div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Button ID="Button1" runat="server" CausesValidation="False" OnClick="Button1_Click" Text="Scan Documents" UseSubmitBehavior="False" />
            </ContentTemplate>
        </asp:UpdatePanel>


    </form>

    </body>
</html>

注意：為了使Dynamic Web TWAIN代碼正常工作，需要ScriptManager和UpdatePanel （ AJAX擴展 ）。

需要在OnClientClick之前執行OnClick事件

問題描述

1 個解決方案

解決方案1
0 2018-07-25 02:39:32

需要在OnClientClick之前執行OnClick事件

問題描述

1 個解決方案

解決方案1 0 2018-07-25 02:39:32

解決方案1
0 2018-07-25 02:39:32