MDL 테이블을 생성 할 때 옵션 중 하나는 'mdl-data-table--selectable'클래스를 적용하는 것입니다. MDL이 테이블을 렌더링 할 때 작업에 대한 특정 행을 선택할 수있는 확인란을 포함하는 추가 열이 지정된 열의 왼쪽에 삽입됩니다. 내 응용 프로그램의 경우 사람이 상자를 선택하거나 선택 취소 할 때 일부 JavaScript를 처리 할 수 있어야합니다. 지금까지 나는 이것을 할 수 없었다.
문제는 체크 박스 컨트롤을 직접 지정하지 않고 MDL이 전체 테이블을 업그레이드 할 때 삽입된다는 것입니다. 예를 들어 버튼과 같은 다른 MDL 구성 요소를 사용하면 HTML 버튼 태그로 지정할 때 버튼 자체에 onclick 이벤트를 넣을 수 있습니다.
확인란을 렌더링하기 위해 생성 된 다양한 컨테이너 개체 및 스팬에 onclick을 넣으려는 시도가 실패했습니다. 내가 첨부 한 이벤트가 실행되지 않는 것 같습니다. 내가 다가온 가장 가까운 것은 TR에 이벤트를 첨부 한 다음 체크 박스를 반복하여 상태를 평가하는 것입니다.
다음은 단일 확인란 셀에 대해 MDL에서 생성 한 마크 업입니다.
<td>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect mdl-data-table__select mdl-js-ripple-effect--ignore-events is-upgraded" data-upgraded=",MaterialCheckbox">
<input type="checkbox" class="mdl-checkbox__input">
<span class="mdl-checkbox__focus-helper"></span>
<span class="mdl-checkbox__box-outline">
<span class="mdl-checkbox__tick-outline"></span>
</span>
<span class="mdl-checkbox__ripple-container mdl-js-ripple-effect mdl-ripple--center">
<span class="mdl-ripple"></span>
</span>
</label>
</td>
이 마크 업은 내가 지정하지 않았기 때문에 태그에 onclick 속성을 추가 할 수는 없습니다.
연결할 수있는 이벤트 체인이 있다면? 코더가 의도 한대로하고 싶습니다.
우리는 현재 이것을 직접 알아낼 방법이 없습니다. 1210 호 에서 구독 할 수있는 V1.1과 함께 이벤트를 추가하는 방법을 검토하고 있습니다 . 오른쪽 열의 버튼을 사용하여 문제를 구독하십시오. 많은 +1 및 기타 비생산적인 댓글이 날아갈 필요가 없습니다.
이를 해킹하는 한 가지 방법은 "변경"이벤트를 수신하는 테이블 자체에 이벤트를 바인딩하는 것입니다. 그런 다음 이벤트의 대상에서 체인 위로 이동하여 테이블 행을 가져온 다음 거기에서 필요한 데이터를 가져올 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다