테이블 행 수 수신 대기 변경

Question

html 테이블을 사용하고있었습니다. 내 요구 사항은 행 수의 변화를 듣고 싶다. 이것을 달성하기 위해 어쨌든 있습니까?

참고 : 여기에 행 기능을 추가/삭제하지 않아도됩니다.

$("#myTable>tbody>tr").watch("length", function() { 
    alert("row count changed..") 
}); 

또한 그, 내가이 시도

하지만, 위의 코드는 나를 위해 작동하지 않습니다. 여러분 중 누구도이 작업을 수행하는 방법을 알고 있습니까? 사전에

감사합니다,

-Raja.

Answer 1

유일한 크로스 브라우저 방식이 아주 예쁜 아니지만 그것은 내가 생각하는 거의 모든 브라우저에서 작동 .

가능한 경우 간격을 사용하는 대신 행 수를 변경할 때 이벤트를 수동으로 트리거하는 것이 좋습니다.

UPDATE :
사용하여있는 jqGrid refresh 이벤트입니다. 수동 클릭에 대한 행을 삭제하는 경우 그것은 또한 격자를 다시로드하지 않는 한

var rowCount = $("#gridid>tbody>tr").length; 
jQuery("#gridid").jqGrid({ 
... 
    refresh: function(){ 
     var currCount = $("#gridid>tbody>tr").length; 
     if (currCount !== rowCount) { 
      alert("Number of rows changed!"); 
      rowCount = currCount; 
     } 
    }, 
... 
}); 

, 당신도이 코드를 실행해야합니다.

Answer 2

http://www.w3.org/TR/DOM-Level-2-Events/events.html - 이것을 사용할 수 있습니다. IE에는 구현이나 polyfill이 잠시 없습니다.

또한 타이머에 의한 기능 실행으로 TR 카운트를 확인할 수 있습니다. DOM 트리의 변경에 발생하는 (누군가가 감시하는 더 나은 이벤트의 제안이있는 경우,이을 변경하십시오 때문에, 이벤트가되지 않는 것을 주)

Answer 3

당신은 DOM 이벤트를 DOMSubtreeModified을 모니터링 할 수 있습니다. jQuery의 bind 함수를 사용하여 이벤트가 테이블에서 실행될 때 함수를 실행할 수 있습니다. 이 함수는 행 수가 변경되었는지 여부를 확인할 수 있습니다.

Try It!

var numberOfRows = $("#myTable>tbody>tr").length; 
$("#myTable").bind("DOMSubtreeModified", function() { 
    if($("#myTable>tbody>tr").length !== numberOfRows){ 
     numberOfRows = $("#myTable>tbody>tr").length; 
     alert("row count changed.."); 
    } 
}); 

은 참조 : Is there a JavaScript/jQuery DOM change listener?

Answer 4

내가 타이머와 함께 한 번 그렇게했다. setInterval을 가능성이 사용자 정의 이벤트와 함께있을 것입니다 순간에 이렇게 ...

http://jsfiddle.net/q5Eqr/

var html; 
setInterval(function() { 
    var table = $('table'); 
    if($('table').html() != html){ 
     alert('Changed!'); 
     html = $('table').html(); 
    } 
}, 500);