[英]Knockout wizard with Asp.net MVC3
我有一个像这样的向导: http : //jsfiddle.net/rniemeyer/FyuSD/当我单击按钮时,当前步骤的下一个数据将发送到服务器中的服务器(发送数据的功能在此链接中未显示)。采取这样的行动:
控制器:
[HttpPost]
public ActionResult SocialNetworkChoice(string[] selectedSocialNetwork)
{
if (selectedProduct!= null)
{
// check if the user got a social account linked in for
// all the selected networks and redirect to the link account page
....
if (q.Count() > 0)
{
return RedirectToAction("LinkAccount", "Account",
new LinkAccountModel() { ProviderName = q.First() });
}
else
{....}
}
}
昏死:
<script id="socNetchoiceTmpl" type="text/html">
<ul data-bind="foreach: socialNetworksList, visible:
socialNetworksList().length > 0">
<li>
<input type="checkbox" data-bind="value: $data, checked:
$parent.selectedSocialNetworks" /><span data-bind="text: $data"/>
</li>
</ul>
</script>
function SocialNetChoicesViewModel() {
var self = this;
self.socialNetworksList = ko.observableArray([]);
self.selectedSocialNetworks = ko.observableArray([]);
self.save = function () {
$.ajax("/Home/SocialNetworkChoice", {
data: ko.toJSON({ selectedSocialNetworks: self.selectedSocialNetworks }),
type: "post", contentType: "application/json",
success: function (result) {
if (result.Success) {
//alert(result.Message);
}
else {
alert(result.Message);
}
}
});
};
// Load initial state from server, convert it to Task instances,
// then populate self.tasks
$.getJSON("/Home/SocialNetworkChoice", function (allData) {
var mappedItems = $.map(allData, function (item) { return item });
self.socialNetworksList(mappedItems);
});
};
在第一步中,我为两个社交网络提供了两个复选框,当用户检查ckeckbox数据时,它会将其发送到动作SocialNetworkChoice。 如果(q.Count()> 0)不显示操作“ LinkAccount”的视图,向导将转到第二步
如果(q.Count()> 0)重定向到LinkAccount(View),否则如何解决此问题,转到第二步
对不起我的英语不好,
谢谢,
您仅重定向ajax调用,而不重定向可见页面。
一种解决方案是检测重定向的ajax调用并相应地以编程方式重定向页面。 例如从javascript设置window.location。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.