从C＃背后的代码调用JS函数

Question

我有一个名为RowClick的onRowClick函数，并且工作正常。 我试图将其移至按钮并从后面的代码中调用该函数。 由于某些原因未触发该功能。.任何人都知道为什么以及如何可以解决此问题？

aspx.cs

  if (e.CommandName == "Addvoucher")
            {

               GridDataItem item = (GridDataItem)e.Item;

            var id = item.GetDataKeyValue("RowID");

            ClientScript.RegisterStartupScript(Page.GetType(), "mykey", "RowClick("+id+");", true);

            }

aspx

  <script>
        var popUpObj;
        function RowClick(sender, eventArgs) {
            var filterId = eventArgs.getDataKeyValue('RowID');


            popUpObj = window.open("voucher.aspx?param=" + filterId + "",
             "ModalPopUp",
             "toolbar=no," +
             "scrollbars=no," +
             "location=no," +
             "statusbar=no," +
             "menubar=no," +
             "resizable=0," +
             "width=530," +
             "height=500," +
             "left = 450," +
             "top=130" 
            );
             popUpObj.focus();
             LoadModalDiv();


         }


     function LoadModalDiv()
     {
         var bcgDiv = document.getElementById("divBackground");
         bcgDiv.style.display="block";
     }

     function HideModalDiv() {
         var bcgDiv = document.getElementById("divBackground");
         bcgDiv.style.display = "none";
     }

     </script>

页内voucher.aspx

 <script type = "text/javascript">

             function OnClose() {

                 if (window.opener != null && !window.opener.closed) {
                     window.opener.location.reload(); //refreshing parent when popup close
                     // window.opener.HideModalDiv();
                 }

                 //if (window.closed==true) window.open("~/routedoc.aspx");
             }
             window.onunload = OnClose;

    </script>

Answer 1

在后面的代码上调用JavaScript函数，即在Page_Load上

ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript:FUNCTIONNAME(); ", true);

如果那里有UpdatePanel ，请尝试这样

ScriptManager.RegisterStartupScript(GetType(), "Javascript", "javascript:FUNCTIONNAME(); ", true);

Answer 2

像这样更改您的js函数

function RowClick(filterId) {

popUpObj = window.open("voucher.aspx?param=" + filterId + "",
         "ModalPopUp",
         "toolbar=no," +
         "scrollbars=no," +
         "location=no," +
         "statusbar=no," +
         "menubar=no," +
         "resizable=0," +
         "width=530," +
         "height=500," +
         "left = 450," +
         "top=130" 
        );
         popUpObj.focus();
         LoadModalDiv();


     }

现在不需要此行var filterId = eventArgs.getDataKeyValue('RowID'); 现在，您可以在js函数中直接使用参数filterId 。

Answer 3

因为您正在调用RowClick()并且在代码中正在调用第二个参数eventArgs ，但实际上这是一个undefined值。

确保传递正确的参数。

由于您只是调用javscript函数，因此我建议仅在网格行数据上绑定，只需将值分配给锚点即可a标记或按钮来调用javascript。

Answer 4

问题是您没有从服务器端传递该js函数的任何参数，而是从客户端获得了客户端函数中的数据键值，就像在服务器端编辑的问题传递行ID一样，并如下更改了客户端函数，

function RowClick(rowId)
{ 
  // use rowId
  popUpObj = window.open("voucher.aspx?param=" + rowId + "",
}