일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- vscode tutorial
- 오라클
- swipe 배너
- NoSQL
- query
- JAXBContext
- JQuery
- vue.js
- 부스트코스
- bulkinsert
- java
- egov
- github
- Ajax
- JSON
- vue Carousel
- 정보처리산업기사
- checkbox
- 구멍가게코딩단
- jdbc
- INSERT
- jsp
- mysql
- mybatis
- 기출문제
- spring
- MariaDB
- Tomcat
- insertAll
- 마스킹
Archives
- Today
- Total
목록
728x90
반응형
그리드 (1)
728x90
반응형
개발새발
각 행의 마지막 열 클릭이벤트 비활성화
그리드로 만들어진 테이블에서 행클릭을 하면 상세로 넘어가는데마지막 열은 버튼으로 되어있어서 행클릭이 되지 않게 해야했다. 그리드 옵션에서 할 수 있는게 없을까 찾다가 발견한 코드 - 행 전체가 클릭되는 이벤트 함수 안에서 이벤트를 하나 더 줘서 마지막 열은 제외시키고 클릭되게해서 상세페이지로 넘어간다.//리스트 clickfunction clickEvent(row, el, field){ $('#userTable tbody').on('click', 'tr td:not(:last-child)', function() { location.href='#'; });} 만약, 한 행의 마지막 열에 클릭이벤트를 제외시키고 싶다면 tr뒤에 클래스명을 붙여 요로케 하면 되지 않을까? $('#userTable tbody')...
[YOGOJOGO]
2020. 10. 7. 11:53
728x90
반응형