与knockoutjs创建链接

时间:2012-07-23 00:10:45

标签: asp.net-mvc-3 knockout.js

我的viewmodel“IdOfInvitedSocialCompaigns”中有一个可观察的数组,这个属性包含id数组,我想创建这样的链接:

  @Html.ActionLink("Compaign","Confirmation", new {socialbuzzCompaignId = id})

我如何使用knockoutjs构建这样的链接,这里是viewmodel的一部分:

  function DashboardViewModel() {
    var self = this;        
    self.IdOfInvitedSocialCompaigns = ko.observableArray([]);
   }

1 个答案:

答案 0 :(得分:5)

如果你获得了转义权限,你或许可以将部分Razor生成的URL直接构建到绑定标记中,但它会很混乱。我可能在DashboardViewModel上定义了一个基本URL属性,它由DOM上的页面填充,如下所示:

dashVM.urls.confirmCampaignUrl = '@(Url.Action("Campaign", "Confirmation"))';

然后有一个获取特定URL的函数:

self.getCampaignConfirmationUrl = function(id){     return self.urls.confirmCampaignUrl +'/'+ id; };

这样绑定:

<!-- ko foreach: IdOfInvitedSocialCompaigns  -->
<a data-bind="attr: { href: dashVM.getCampaignConfirmationUrl($data) }">Confirm</a>
<!-- /ko -->