javascript - 如何调用外部javascript函数到ClientSideEvents.Click事件？

Question

我在网站上有 DevExpress().Button，它应该从焦点行获取特定的网格值并将其传递给外部函数。

这是我的按钮:

@Html.DevExpress().Button(
             settings =>
             {
                 settings.Name = "btnMyName";
                 settings.Width = 120;
                 settings.Height = 25;
                 settings.Text = "MyText";
                 settings.Styles.Native = true;
                 settings.ClientEnabled = true;
                 settings.ClientSideEvents.Click = "function(s, e) { gridView.GetRowValues(gridView.GetFocusedRowIndex(), 'MyValue', OnGetRowValues); }";
}).GetHtml()

我根本无法访问 OnGetRowValues 函数 - 总是得到相同的异常:

Uncaught ReferenceError: OnGetRowValues is not defined

我的脚本与我的 .cshtml 文件位于同一文件夹中，并尝试使用 <script src=""></script> 引用它以相对和绝对的方式。我尝试将代码直接放在 cshtml 页面的脚本标记之间运行，但没有任何效果，并且总是出现相同的错误。到目前为止，唯一有效的解决方案是将整个脚本作为 ClientSideEvents.Click 的分配，但由于 OnGetRowValues 函数很大，它将变得困惑且完全不切实际的解决方案。任何帮助将不胜感激。

Answer 1

浏览Client-Side Events使用以下示例进行文档和实现:

<script type="text/javascript" src="~/Content/js/index.js"></script>
<script type="text/javascript">

    function ButtonClick(s,e)
    {
        gridView.GetRowValues(gridView.GetFocusedRowIndex(), 'ShipName', OnGetRowValues);
    }
</script>
@Html.DevExpress().Button(settings =>
{
    settings.Name = "btnGetSelectedRowValue";
    settings.UseSubmitBehavior = true;
    settings.ClientSideEvents.Click = "ButtonClick";
}).GetHtml()


@Html.Action("GridViewPartial")

index.js

// Value contains the "EmployeeID" field value returned from the server, not the list of values 
function OnGetRowValues(Value) {
    // Right code 
    alert(Value);
    // This code will cause an error 
    // alert(Value[0]); 
}

希望这有帮助..