ASP.NET MVC - Ajax.BeginForm - условно всплывающее модальное диалоговое окно при отправке формы? - PullRequest
Новая
       3

ASP.NET MVC - Ajax.BeginForm - условно всплывающее модальное диалоговое окно при отправке формы?

0 голосов
/ 21 ноября 2011

У меня есть элемент управления голосованием с несколькими кнопками.Это реализовано с использованием Ajax.BeginForm, у которого есть скрытое поле с именем voteTypeHidden.Каждый раз, когда нажимается какая-либо из кнопок голосования, она меняет значение voiceTypeHidden, чтобы обновить тип голосования.Эта форма отправляется на сервер и сообщает о любой ошибке, используя ViewState["VoteError"].Теперь я хочу отобразить эту ошибку с помощью функции JavaScript 

ModalDialog(button, text, fadeOut)

Как это сделать? Очень важно, чтобы текстовым параметром, передаваемым в функцию ModalDialog, был ViewState ["VoteError"].

Кстати, это не обязательно, но я также разместил код, которым я являюсьс помощью.

Вот код JavaScript: 

    <script  type = "text/javascript">
    var voteClickEnabled = true; 
    function voteClicked_Set(value) {
        var voteType = value;
        document.getElementById("voteTypeHidden").setAttribute("value", value); 
    }
    function voteBegin() {
        //alert("begin"); 
        if (voteClickEnabled == false) {
            return false;
        }
        else {
            voteClickEnabled = false;
            return true;
        }
    }
    function voteEnd() {
        //alert("end"); 
        voteClickEnabled = true;
    }

</script>

Вот вид: 

<div id  = "updateVotes">
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>


Favorite : 
    <%=Html.Encode(ViewData["FavoriteCount"]) %>

<%//if(((int)ViewData["VoteBits"] & 1) == 0) 
{%>
    <% using (Ajax.BeginForm("Voting", "Vote", new {voted = ViewData["voted"], favorited = ViewData["favorited"], markedspam = ViewData["markedspam"],  VotingOnId = (long)ViewData["VotingOnId"], VoteOn = (int)ViewData["VoteOn"], num_votes = 0, num_favorite = (int?)ViewData["FavoriteCount"], sdg = (int?)ViewData["sdg"], category = (int?)ViewData["category"] }, new AjaxOptions { UpdateTargetId = "updateVotes", OnBegin = "voteBegin", OnComplete = "voteEnd"  }))
       {%>
        <%=Html.Hidden("voteTypeHidden", "temp", new { id = "voteTypeHidden" })%>
        <%if ((bool)ViewData["voted"] == false)
          { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/thumb_up.png"), new {value = "1", onclick = "voteClicked_Set(this.value)" })%>
        <%}
          else
          { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/cancel.png"), new { value = "2", onclick = "voteClicked_Set(this.value)" })%>
        <%} %>
         <%if ((bool)ViewData["favorited"] == false)
           { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/star_off_32.png"), new { value = "3", onclick = "voteClicked_Set(this.value)" })%>
         <%}
           else
           { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/star_32.png"), new { value = "4", onclick = "voteClicked_Set(this.value)" })%>
         <%} %>
         <%if ((bool)ViewData["markedspam"] == false)
           { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/error.png"), new { value = "5", onclick = "voteClicked_Set(this.value)" })%>
        <%}
           else
           { %>
        <%=Html.SubmitImage("voteButton", Url.Content("/Images/error_go.png"), new { value = "6", onclick = "voteClicked_Set(this.value)" })%>
        <%} %>
    <%}%>
<%}%>
<div id = "testingAjax">
</div>

<% if (!string.IsNullOrEmpty((string)ViewData["VoteError"])) { %>
<script type = "text/javascript">
    ModalDialog("testingAjax", "asd", false);
</script>
<%} %>
</div>

1 Ответ

0 голосов
/ 21 ноября 2011

просто создайте обычное изображение кнопки html с одним и тем же классом, но у вас есть атрибут html, скажем data-voicetype = ""

поместите скрытый элемент div в верхней части страницы, который называется «Результаты» или «Обратная связь» или что-то в этом роде, основываясь на идее, что класс кнопки - голосование: 

$('.vote').live("click",function(e){
    var voteType = $(this).attr("data-votetype");
    // do post to JsonResults
    $.ajax(
     url: "",
     type:"POST",
     data:{id:$("#idfield").val(),votetype:voteType},
     dataType:"json",
     success: function(data){
        $("#feedback").html(data.Message).show(); 

     },
     error:function(a,b,c){ $("#feedback").html("Error description: " + b).show(); }
    );
});

если вы собираетесь работать с ajax, вы также можете работать с моделью данных, для которой она разработана, и это является JSON-респоном, пример кода: 

public class JsonResponseModel {
      public bool Success {get;set;}
      public string Message {get;set;}
}

public JsonResults CastVote(int id, int votetype){
      var model =  new JsonREsponseModel{ Success = false };
      // do code in try catch. change model to reflect success and message
      return Json(model);
}
...