如何将外部 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 函数 - 总是得到相同的异常：

未捕获的 ReferenceError：未定义 OnGetRowValues

我的脚本与我的 .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]); 
}

希望对您有所帮助..