Asp.net 핵심 단추 데이터 바인딩

ASP.NET Core MVC를 배우고 있습니다. 나는이 모델이 있습니다Asp.net 핵심 단추 데이터 바인딩

public class Todo 
{ 
    public int Id { get; set; } 
    [Required] 
    public string Name { get; set; } 
    [MaxLength(4096)] 
    public string Content { get; set; } 
    public bool isCompleted { get; set; } = false; 
    public DateTime DateCreated { get; set; } = DateTime.UtcNow; 
    public string UserName { get; set; } 
}

을 내가 같은 버튼에 isCompleted을 바인딩 할 : 그 버튼을 클릭하면, 그 값이 변경 될 것입니다. 현재 내가 Ajax를 사용하고 있습니다 :

CompleteTodo = function (id, isCompleted) { 
    if (isCompleted === true) { 
     var data = "{\n \"isCompleted\": false,\n}" 
    } else { 
     var data = "{\n \"isCompleted\": true,\n}" 
    } 
    var settings = { 
     "async": true, 
     "crossDomain": true, 
     "url": "http://localhost:3000/api/todos/"+id, 
     "method": "PUT", 
     "headers": { 
      "content-type": "application/json", 
      "cache-control": "no-cache", 
     }, 
     "data": data 
    } 

    $.ajax(settings).done(function (response) { 
     console.log(response); 
    }); 
}

문제는, 내가 호출 후 버튼의 클래스를 변경할 수 없습니다, 내 버튼 태그 :

<button id="ButtonComplete" href="#" onclick='CompleteTodo(@item.Id,@item.isCompleted.ToString().ToLower())' class="waves-effect waves-light @(item.isCompleted?"blue":"green") btn">@if (!item.isCompleted) 
       { <i class="material-icons">done</i>} 
       else 
       { <i class="material-icons">clear</i> }</button>

그래서 내가 그걸 어떻게 할 수

를? 고맙습니다.

출처

2016-08-26 Le Dinh Nhat Khanh

"버튼 값은 변경되지만 클래스는 변경되지 않습니다."나는 당신을 오해합니까? 아니면 둘 다 바뀌지 않습니까? –

서버 측 바인딩을 사용하므로 버튼 클래스는 페이지를 새로 고치지 않고도 변경되지 않습니다. 아약스가 완료되면 페이지를 새로 고침 :

$.ajax(settings).done(function (response) { 
    console.log(response); 
    location.reload(false); 
});

또는 변경 클래스 자바 스크립트와 클라이언트 측에서 (/ 제거를 추가).

ps : ajax 호출 후 item.isCompleted이 예상대로 변경되었는지 확인하십시오.

출처

2016-08-26 05:58:14

고맙습니다. 문제가 해결되었습니다. –

Asp.net 핵심 단추 데이터 바인딩

답변

관련 문제