게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
제이쿼리, 폰갭 리스트뷰+sql 질문좀 드릴게요
게시물ID : programmer_4168짧은주소 복사하기
작성자 : An-Pak-L
추천 : 0
조회수 : 1207회
댓글수 : 2개
등록시간 : 2014/06/25 02:08:09
phonegap-jquerymobile.png
해외 사이트에서 제가 하려는것과 똑같이 구현된 예제 소스 사진입니다.
sql 디비에 저장된 값들을 리스트 형식으로 뿌려주는건데.. 예제 소스를 그대로 가져와도 리스트 형식으로 출력이 되지 않더라고요
일단 내가 작업중인 소스에 적용시켜 보자. 란 생각으로 제가 작업하던 소스에 디비 함수부분을 좀 추가해봤으나 여전히 먹통입니다 ㅠㅠ

 function getData(){
  db.transaction(function(tx){
  tx.executeSql('SELECT *FROM please3',[],successCB, errorCB);
  });
 }
 
 function successCB(tx,result){ 
var listData = "", tmpCnt =0;
//리스트에 결과 뿌리기
jQuery.each(result.rows,function(index){
var row = result.rows.item(index);
listData += "<li>[" + row['dt']+"] <font color='red'>" + row['id'] + "</font></li>";
tmpCnt++;
});
jQuery('#lst').empty();
jQuery('#lst').append(listData).listview("refresh");
//결과가 0건일때
if(tmpCnt ==0)
{
listData += "<div class='ui-block-a' style='width:100%; text-align:center;'>등록된 자료가 존재하지 않습니다.</div>";
jQuery("#lstDiv").html(listData);
}
 }
 function errorCB(err){
  alert('select error');
 }
 
 jQuery(function(){
  getData();
 });
이부분이 함수부분이며
<div id="lstDiv" data-role="page" class="type-interior">
<ul id ="lst" data-role="listview">
</ul>
</div>
이부분이 따로 빼둔 페이지의 컨텐트 부분입니다.


제가 참고한 소스는 이정도이며 위쪽에 디비 생성, 오픈 테이블도 please3으로 맞게 만들어져있고 값이 들어가는걸 개발자모드로 확인하였습니다.
겟데이타 부분에 테이블 만드는 소스를 넣어놨던데 그부분은 이미 테이블을 만들어 두었기에 빼두었습니다.
11시부터 작성하는 지금까지 ㅠㅠ 디버깅도 힘들고 이래저래 만져봐도 안되고 멘붕이네요 
혹시 어떤 부분이 잘못된건지 알수있을까요 ㅠㅠ
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호