아약스 응답을 기반으로 라디오 버튼 값을 변경하십시오.

Question

기본 객체가있는 JSViews 객체 배열을 바인딩합니다. 라디오 버튼으로 기본 설정을 보여주고 있습니다. 다른 객체를 디폴트로 만들고 싶다면, Ajax 호출을 만들어서 호출이 미리 정의 된 상태로 성공했을 때만 기본 객체로 변경해야합니다. 나는 Ajax 요청에 대한 약속을 사용하고 있습니다. 함수, 라디오 버튼 상태가 변경되지 않습니다. 나는이 같은 시도했지만 작동하지 않습니다. 나는 약속을 반환 오전 이후 나는 그것을 반환 할 때 true 또는 false로 해결되지 않습니다 가정합니다. 어떻게 성취 될 수 있습니까? ~setAsDefault를 들어 JS

setAsDefault:function(){ 
    return service.setAsDefaultObj('123').then(function(response){ 
     return response; //response is either true or false; 
    },function(response){ 
     return response; 
    }); 
} 

Answer 1

<input type="radio" name="default" data-link="checked{:isDefaultObj} {on ~setAsDefault}"> 

- 기본 클릭 동작가 입력 건너 확인 있도록 false를 반환 할 수 있습니다.

그런 다음 라디오 버튼 그룹에 데이터 연결 속성을 연결하는 것이 좋습니다. 따라서 약속이 성공/실패를 반환 한 후에 새 설정/원래 설정을 관찰 가능하게 설정할 수 있습니다.

다음은 적절한 값의 지연 설정을 사용하여 selectedCar으로 데이터 링크하는 예입니다. 사용하는 각각의 경우에 당신의 checked{...} 방법 다음 코드 접근

<label><input name="cars2" type="radio" value="none" data-link="checked{:selectedCar==='none'} {on getAjax 'none'}"/> 
    None</label><br/> 
<label><input name="cars2" type="radio" value="vlv" data-link="checked{:selectedCar==='vlv'} {on getAjax 'vlv'}"/> 
    Volvo</label><br/> 
<label><input name="cars2" type="radio" value="frd" data-link="checked{:selectedCar==='frd'} {on getAjax 'frd'}"/> 
    Ford</label><br/><br/> 

을

<label><input name="cars" type="radio" value="none" data-link="{:selectedCar} {on getAjax 'none'}"/> 
    None</label><br/> 
<label><input name="cars" type="radio" value="vlv" data-link="{:selectedCar} {on getAjax 'vlv'}"/> 
    Volvo</label><br/> 
<label><input name="cars" type="radio" value="frd" data-link="{:selectedCar} {on getAjax 'frd'}"/> 
    Ford</label><br/><br/> 

또는 사용 :

var data = { 
    selectedCar: "frd", 
    getAjax: function(val) { 
    var sel = data.selectedCar; 
    $.ajax({ 
     type: 'GET', 
     url: "../TEST" + val + ".html", 
     timeout: 5000, 
     success: function(){ 
     $.observable(data).setProperty("selectedCar", val); 
     }, 
     error: function(xhr, textStatus, errorThrown){ 
     $.observable(data).setProperty("selectedCar", val); 
     $.observable(data).setProperty("selectedCar", sel); 
     } 
    }); 
    return false; 
    } 
};