更改按钮状态（MVC）

Question

我想让微博等其他用户可以关注我的帖子。

因为我制作了所有当前注册用户的页面。在每个名字前面都有按钮可以关注/取消关注用户。 （如在微博）

视图 -

@{ 
    ViewBag.Title = "Users"; 
} 
@model MembershipUserCollection 

@foreach (MembershipUser item in Model) 
{ 
if(User.Identity.Name != item.UserName) 
{ 

    <li>@item.UserName 
     <span id="sp-@item.UserName"><input id="@item.UserName" name="submit" type="submit" value="Follow" class="follow-user fg-button ui-state-default"/></span> 
    </li> 
} 

} 

<script type="text/javascript"> 
    $(".follow-user").live("click", function (e) { 
     e.preventDefault(); 
     var data = $(this).attr("id"); 
     var spid = '#sp-' + data; 
     var btnid = '#' + data; 
     var val = $(this).attr('value'); 

     $.ajax({ 
      type: "POST", 
      url: "User/FollowUser", 
      data: { id: data }, 
      cache: false, 
      dataType: "json", 
      success: function() { 
       if (val == 'Follow') { 
        $(btnid).attr('value', 'Unfollow'); 
       } 
       else { 
        $(btnid).attr('value', 'Follow'); 
       } 

      } 
     }); 
    }); 
</script> 

控制器 -

public ActionResult Index() 
{ 
    return View(Membership.GetAllUsers()); 
} 

public void FollowUser(string id) 
{ 
    ViewData["test"] = "test"; 
    var n = FollowingUser.CreateFollowingUser(0); 
    n.FollowingId = id; 
    n.FollowerId = User.Identity.Name; 
    string message = string.Empty; 
    var list = new List<FollowingUser>(); 

    list = (from a in db.FollowingUsers where a.FollowerId == User.Identity.Name && a.FollowingId == id select a).ToList(); 

    if (list.Count() == 0) 
    { 

     try 
     { 
      db.AddToFollowingUsers(n); 
      db.SaveChanges(); 
     } 

     catch (Exception ex) 
     { 
      message = ex.Message; 
     } 
    } 

    else 
    { 
     db.DeleteObject((from a in db.FollowingUsers where a.FollowerId == User.Identity.Name select a).FirstOrDefault()); 
     db.SaveChanges(); 
    } 
} 

关注表 -

现在我想在页面加载检查数据库时更改按钮状态，不管他是否已被遵循。例如：

例如，如果用户已经遵循它应该显示如下。

Answer 1

当你告诉这个观点到显示该按钮的用户，加载状态还，如果人以下或没有。

public ActionResult Index() 
{ 
    var model = new MemberShipViewModel(); 
    //We check here if the logged in user is already following the user being viewd 

    foreach(var member in Membership.GetAllUsers()) 
    { 

     var user = (from a in db.FollowingUsers where a.FollowerId == User.Identity.Name && a.FollowingId == member.UserName select a).FirstOrDefault(); 
    model.Members.Add(new Member{UserName = member.UserName,IsFollowing=user!=null}); 
    } 
    //This line will remove the logged in user. 
    model.Members.Remove(model.Members.First(m=>m.UserName==User.Identity.Name)); 


    return view(model); 


} 

在您的索引视图模型中，您需要进行一些更改。

@model MemberShipViewModel 

@foreach (var item in Model) 
{ 

<li>@item.UserName 

if(!item.IsFollowing) 
{ 

    <span id="sp-@item.UserName"><input id="@item.UserName" name="submit" type="submit" value="Follow" class="follow-user fg-button ui-state-default"/></span> 
} 
else 
{ 

    <span id="sp-@item.UserName"><input id="@item.UserName" name="submit" type="submit" value="Follow" class="unfollow-user fg-button ui-state-default"/></span> 

} 


</li> 

}

$（ “跟随用户。 ”）生活（“ 点击”，功能（E）{ e.preventDefault（）; VAR数据= $（本）.attr （“id”）; var spid ='＃sp-'+ data; var btnid ='＃'+ data; var val = $（this）.attr（'value'）; $ .ajax { type：“POST”， url：“User/FollowUser”， data：{id：data}， cache：false， dataType：“json”， 成功：function（）{ if（val =='Follow'）{ $（btnid）.attr（'value'，'Unfollow'）; } else { $（btnid）.attr（'value'，'Follow'）; } } }）; }）;

现在，您需要编写一些JavaScript。没有人会为你编写完整的软件。 似乎你缺少非常基本的编程技巧。

欢呼声