JSP·script·jquery

jquery table 데이터 컨트롤 로우 클릭시 컬럼데이터 가져오기

초이짬 2015. 5. 17. 12:23
728x90

//table 선택 row 클릭시 컬럼데이터 가져오기

$(function() {

$("#thisTable tr").click(function(){
var s_no = "";
//로우에 해당되는 td를 순차적으로 가져온다
$(this).find("td").each(function(i, item){
//console.log("i:"+i+"item:"+ $.trim($(item).html()));
//컬럼인덱스로 데이터 확인
if(i==13){
$("#in_13").val($("#"+s_no+"_desc").val());

}else{

$("#in_"+i).val($.trim($(item).html()));
if(i==1){
s_no = $.trim($(item).html());
}
}
});
});

});



=======tr 에 onclick 함수로 처리 하는 방법도 있다==========

<tr onclick="javascript:fn_TbClickCall(this);" style="cursor: pointer;">



function fn_TbClickCall(e){
 
 $(e).find("td").each(function(i, item){
  console.log("i:"+i+"item:"+ $.trim($(item).html()));
  //컬럼인덱스로 데이터 확인
  if(i==13){
   $("#in_13").val($("#"+s_no+"_desc").val());
 
  }else{
 
   $("#inputItm_"+i).val($.trim($(item).html()));
   if(i==1){
    s_no = $.trim($(item).html());
   }
  }
 });
}


728x90

'JSP·script·jquery' 카테고리의 다른 글

jqgrid index 정렬  (0) 2015.05.28
jqgrid paging  (0) 2015.05.18
jquery 이용 테이블 동일값 셀 병합  (0) 2014.09.19
jsp 서블릿 압축 방법  (0) 2014.09.19
jquery 로딩시 select box 변경값 체크  (0) 2014.04.15