我可以将Knockout ObservableArray作为参数传递给ASP.NET MVC Razor @ Url.Action

Question

我有一个knockout Observable，它在与我的页面进行某些交互时被填充。这个Observable是逗号分隔的值（即“a，b，c”）。我现在需要的是将此作为参数传递给@ Url.Action。见下：

<input type="button" onclick="window.location.href='@Url.Action("Benefits", "Employee", new { ids = "a,b,c" })';" /> 

我该怎么做？

Answer 1

您可以使用点击绑定。

<button data-bind="click: function() { myFunction('@Url.Action("Benefits", "Employee")'); }"> 
    Click me 
</button> 

//then in your view model: 
self.myFunction = function (actionURL) { 
     window.location.href = (actionURL + '?ids=' + this.ids()); 
    }; 

或只是属性直接链接

<a data-bind="attr: { 'href': '@Url.Action("Benefits", "Employee")?ids=' + ids() }"> 
    Click 
</a> 

Answer 2

您可以提前设置网址，并用实际值代替，但这有点不好，但由于MVC代码是在服务器上执行的，所以任何MVC代码都需要至少往返一次服务器重新加载一些东西。

urls = { 
    EmployeeBenefits: '@Url.Action("Benefits", "Employee", new {ids="==ids=="})' 
}; 
window.location.href = urls.EmployeeBenefits.replace('==ids==', "a,b,c"); 

我想过写一个MVC行动，将返回的JavaScript创建与可用于就像这个站点的路由的Url对象，但使用其他方法之前，我有解决它开始。

Answer 3

，您将需要建立自己的URL作为查询字符串manualy

假设ids = ko.observable('a,b,c'); 那么你会建造你的网址

<input type="button" onclick="window.location.href='@(Url.Action("Benefits", "Employee"))' + '?ids=' + $data.ids()" /> 

，将产生类似http://localhost:5248/Employee/Benefits?ids=a,b,c

，或者尝试一个网址此

<button data-bind="click: function() { window.location.href='@(Url.Action("Benefits", "Employee"))' + '?ids=' + ids() }"> 
    Click me 
</button> 

JSFiddler DEMO