2012-10-02 6 views
1

다음과 같은 jsfiddle을 사용하여 YUI Datatable 체크 박스를 생성하지만 Get Records 버튼을 클릭하면 테이블에서 ID 데이터를 가져 오는 데 문제가 있습니다.yui 데이터 테이블에서 데이터를 가져 오는 중

어쨌든 자바 스크립트에서 테이블을 호출 하시겠습니까?

PS : 나는이 코드는 당신이 필요로 보여 희망

답변

1

확인란 리스너

를 사용하는 것을 사용하고 내 프로젝트로 YUI2 라이브러리를 사용하고 http://yuilibrary.com/yui/docs/datatable/datatable-chkboxselect.html

편집 :

각 데이터 행과 우리의 체크 박스 이벤트 처리를 위해 checkboxClickEvent 코드를 업데이트했습니다. 모든 체크 된 레코드 ID를 유지하는 배열. 코드를 작업의

var selectedID = []; 

myDataTable.subscribe("checkboxClickEvent", function(oArgs){ 
       alert("check box clicked"); 
       var elCheckbox = oArgs.target; 
       var oRecord = this.getRecord(elCheckbox); 
       if (elCheckbox.checked) { 
        selectedID.push(oRecord.getData("id")); 
       } 
       else { 
        selectedID.pop(oRecord.getData("id")); 
       } 
       oRecord.setData("check",elCheckbox.checked); 
      }); 

상세 here입니다.

+0

이것은 다소 비슷하지만 '유이 데이터 테이블'을 버튼에 연결하는 데 어려움이 있습니다. 결과가있는 경우에만 테이블을 표시해야하므로 'innerHTML'부분을 'YUI datatable' – jonleech

+0

nvm 그냥 페이지 상단에 var을 선언 할 수있는 것처럼 보이지만 너무 깔끔 해 보입니다. – jonleech

+0

'checkboxClickEvent'가 제게 문제가되는 것 같습니다. checkboxClickEvent에 대한 코드가 있습니다. 체크 박스가있는 행을 올바르게 선택하는 데 사용됩니까? – jonleech

관련 문제