繁体   English   中英

使用Asp.net MVC3的淘汰赛向导

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM