DataTables 및 X-Editable 포커스 항목 편집 가능 편집 가능

Question

데이터베이스에서로드 된 테이블에서 데이터를 인라인으로 편집 할 수있는 데이터 테이블 및 x-editable에 대한 작업 설정이 있습니다. 페이지가 내 발동 코드를 불러오고 편집 가능한 모든 옵션을 편집 가능하게 만든다는 것만 제외하면 결과의 첫 번째 페이지에서만 작동하는 것만 다릅니다. 다음을 클릭하거나 결과 수를 변경하거나 검색을 수행하면 첫 번째 페이지에없는 항목은 편집 할 수 없게됩니다. 나는 이것이 데이터 테이블이 현재 페이지에없는 데이터를 숨겨서 문서 흐름에서 데이터를 제거하기 때문이라고 가정하고 있습니다. 테이블의 모든 데이터가 편집 가능하도록하려면 어떻게해야합니까?

$(document).ready(function() { 
    $.fn.editable.defaults.mode = 'inline'; 
    $('.LocatorID').editable(); 
    $('.Title').editable(); 
    $('.Latitude').editable(); 
    $('.Longitude').editable(); 
    $('.Website').editable(); 
    $('.Address').editable(); 
    $('.City').editable(); 
    $('.State').editable(); 
    $('.Zip').editable(); 
    $('.Country').editable(); 
    $('.Phone').editable(); 
}); 

Answer 1

첫째, 자신의 기능으로 X-편집 설정을 이동 : 당신이 모든에있는 함수를 호출 할 수 있도록

function setupXedit() { 
    $.fn.editable.defaults.mode = 'inline'; 
    $('.LocatorID').editable(); 
    $('.Title').editable(); 
    ... 
} 

그런 다음 설정 그릴 :

$('#example').dataTable({ 
    "fnDrawCallback": function(oSettings) { 
    setupXedit(); 
    } 
}); 

Answer 2

는 다음과 같이 수행합니다 하나의 $('.edit').editable(); Datatable fnDrawCallback 및 하나의 외부 .Datatable 함수