将控制器连接到淘汰赛js

Question

我有一个网格，我在其中显示列，其中一个列有一个图标，一旦单击它应该根据所单击项目的 id 下载一个文件。

因为我使用敲除和 jquery javascript 来显示网格以及图标。如何将获取文件的方法连接到我的 js 文件中的图标？

JS 文件：

onDataClick: function (row) {
//Call the method from controller to allow downloading file
                },

控制器 - 获取方法：

public FileResult GetFile(int id)
        {
            .....
        }

更新

查看：

@{
    ViewBag.Title = "Some Title";
    string url = Url.Action("GetFile");
}

<div data-bind="template: { name: 'knockoutGridTemplate', data: grid }" class="gridWrapper"></div>

在我在 js 文件中的网格中的一列中：

builtColumns.push({
                property: 'hasStuff',
                header: 'File Download',
                dataCss: 'iconHolder',
                onDataClick: function (row) {


                },
                dataFormatter: function (row) {
                    if (row[this.property]) return ' ';
                    return '';
                },
                dataLinkCss: 'icon-file',
                grouping: 3
            });

Answer 1

你可以在你的视图中做类似的事情

@{
    string getFileUrl = Url.Action("GetFile");
}

/* in your viewModel, depend how you are doing it, you can do inside your item */ item.getFileUrl = '@getFileUrl' + ?id= this.id;

在你的 html 中：

<div data-bind="foreach: item">
    <a data-bind="attr : { href = getFileUrl}">get file</a>
</div>

*注意：不需要 observables *

编辑：

onDataClick: function (row) {
    //Call the method from controller to allow downloading file
    window.open('@getFileUrl' + '?id=' + row.id, "_blank");
},