>  기사  >  웹 프론트엔드  >  Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼원래의
2019-07-11 16:28:0810889검색

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

첫 번째 단계는 아래와 같이 컴퓨터에서 소프트웨어를 열고, 새 html을 만들고,layui의 js 및 css 파일을 추가하는 것입니다.

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

두 번째 단계는 새 html 파일을 여는 것입니다. , inlayui.css 및layui.js 파일은 아래와 같이

태그에 도입됩니다.

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

관련 권장사항: "layui 프레임워크 튜토리얼"

세 번째 단계는 본문 페이지 내용은 다음과 같습니다. 테이블 내용은 아래 그림과 같이layui의 테이블 샘플 데이터입니다.

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

네 번째 단계는 테이블 데이터 table.on('tool()에 클릭 이벤트를 추가하는 것입니다. decoEvent)', function(obj){} 셀 이벤트를 수신하려면 layer.prompt() 팝업 상자에서 그림과 같이 obj.update({ sign: value })를 사용하여 테이블과 캐시를 업데이트합니다. 아래:

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

다섯 번째 단계는 브라우저에 있습니다. html 페이지를 열면 아래 그림과 같이 테이블 데이터 내용을 볼 수 있습니다.

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

6단계: 테이블 데이터 내용을 클릭합니다. 팝업 상자에 셀의 데이터가 표시됩니다.layui를 통해 아래와 같이 테이블 데이터가 추가된 것을 볼 수 있습니다.

Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법

위 내용은 Layui의 데이터 테이블에 클릭 이벤트를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.