html table
본문
데이터베이스에 고유번호와 내용이 짝을 이루어 저장되어 있고
그 데이터를 가져와서 만든 테이블이 있는데 테이블에는
각 행마다 고유번호 대신 순서를 표시하는 번호와 내용이 있습니다.
하지만 저는 테이블의 행을 눌렀을 때 그 고유번호를 얻어서 처리해야하는 상황인데
테이블 안에 어떻게 고유번호를 넣어야하는지 모르겠습니다.
input hidden 같은 역할이 필요한데 테이블의 행을 눌렀을 때 그 행의 내용의 고유번호를 얻어야하는데
input 태그는 테이블안에 들어가지 않아서 어떻게 해야할지 모르겠습니다.
도와주세요~
답변 3
방법은 하기 나름입니다
input 태그는 테이블안에 당연히 집어넣을 수 있습니다.
hidden으로 가릴수도 있구요
다만 input태그의 경우 폼 전송을 이용하는 경우 주로 사용하는 경우가 많고,
페이지 변환없이 ajax 등의 요청으로 해결할거라면 다르게 활용하는경우가 많습니다
일반적으로 테이블의 행이나 열에 data-wr_id(그누보드예시)식으로 해당 행에 해당하는 기본키의 값을 넣고 해당 행이나 열을 클릭했을때 해당 값을 가져와 ajax등을 이용해 요청을 보내고 처리하는 식이 많습니다.
data-wr_id(그누보드예시)식이 뭐죠?
시각적으로 보여지진 않지만 데이터는 가지고 있는 방식인가요?
데이터베이스에 고유번호와 내용이 짝을 이루어 저장되어 있고
-> 기본키값이 있고 그안에 text 내용이 저장되어있다는말씀이시죠?
그 데이터를 가져와서 만든 테이블이 있는데 테이블에는
각 행마다 고유번호 대신 순서를 표시하는 번호와 내용이 있습니다.
-> 리스트를 보여주는데 그 리스트에는 그 순서에의한 1~10등등에 숫자만 있고
그 기본키값을 넣어주지 않는다는 말씀이시죠?
하지만 저는 테이블의 행을 눌렀을 때 그 고유번호를 얻어서 처리해야하는 상황인데
테이블 안에 어떻게 고유번호를 넣어야하는지 모르겠습니다.
-> 그냥 그안에 no="$row['no']" < - 이런식으로 for문돌때 그에 맞는 값 넣어주시면 될거같습니다. 클릭했을때는 js로 var no= ($(this).attr('no')); 이런식으로 가져오면 될거같은데요
input hidden 같은 역할이 필요한데 테이블의 행을 눌렀을 때 그 행의 내용의 고유번호를 얻어야하는데
input 태그는 테이블안에 들어가지 않아서 어떻게 해야할지 모르겠습니다.
도와주세요~
-> 그냥 그안에 no="$row['no']" < - 이런식으로 for문돌때 그에 맞는 값 넣어주시면 될거같습니다. 클릭했을때는 js로 var no= ($(this).attr('no')); 이런식으로 가져오면 될거같은데요
=> 순서를 표시하는 번호 대신 고유키를 넣으라는 말씀이신거 같은데
그건 할 수가 없습니다
테이블에 정렬기능이 있어서 칼럼을 눌렀을 때 그 칼럼에 해당하는 값이 오름차순, 내림차순으로 정렬이 됩니다.
고유키를 순서를 표시하는 번호로 대신 사용하면 정렬을 했을 때 순서가 뒤죽박죽 됩니다.
그 no랑 다르게
<div id="test" no-data="<?$row['no']?>">
실제데이터
</div>이런식으로 넣어도 동작합니다.
<table>
<tr data-row="5">
<td>1</td>
<td>a</td>
</tr>
<tr data-row="4">
<td>2</td>
<td>b</td>
</tr>
<tr data-row="3">
<td>5</td>
<td>e</td>
</tr>
<tr data-row="1">
<td>4</td>
<td>d</td>
</tr>
<tr data-row="2">
<td>3</td>
<td>c</td>
</tr>
</table>
<script>
$("tr").on("click",function(){
alert($(this).data("row"));
})
</script>
응용해보시면 될것 같습니다
