편집 가능한 부트 스트랩 지우기

Question

현재 응용 프로그램의 프런트 엔드에 대해 편집 가능한 부트 스트랩을 사용 중입니다.

참조 플러그인 : http://vitalets.github.io/x-editable/index.html

내가 페이지에 각 항목을 Ajax를 통해 페이지에 데이터를로드 및 허용하고있는 중이 야 것은 편집 할 수 있습니다. 예를 들어; 페이지에 사용자를로드하고 이름, 성 및 생년월일을 편집 할 수 있습니다.

두 번째 사용자가 예를 들어 또는 세 번째로로드되고 첫 번째 이름을 편집하려고 시도 할 때 Ajax를 통해로드 중이므로 초기에로드 된 첫 번째 사용자의 값이 계속 유지됩니다.

캐시 일 수 있습니다. 나는 기능 및 심지어 자동 텍스트의 디스플레이 설정을 시도했다.

어쨌든 편집 가능한 양식을 재설정하거나 지울 수 있습니까? 아래

참조 샘플 코드 :

function editable(obj) { 
    $('#title, #lastName, #firstName).editable('option', { 
     pk: obj.lId, 
     placement: 'bottom', 
     emptytext: 'Empty', 
     display: function(value) { 
     $(this).text(value); 
     }, 
     validate: function(value) { 
     if ($.trim(value) === '') { 
      return 'This field is required'; 
     } 
     } 
    }); 
} 

Answer 1

obj 새 사용자라고 가정하고, 제목, 마지막 이름 및 새 사용자의 이름을 포함, 당신이해야 할 값을 설정한다

$('#title').editable('setValue', obj.title); 
$('#lastName').editable('setValue', obj.lastName); 
$('#firstName').editable('setValue', obj.firstName); 

예가 효과가없는 이유는 x-editable이 디스플레이를 실제 값과 분리하기 때문입니다. display 함수는 사용자가 x 편집 가능한 값을 변경할 때마다 호출됩니다. 기본적으로 x-editable은 값이 설정된 값을 표시합니다. 그러나 아마도 내부 값은 표시되는 값과 다를 수 있습니다. 즉, display 함수가 사용됩니다. 실제 값에는 영향을 미치지 않고 값만 표시됩니다.