jQuery 모바일 테이블을 업데이트하는 방법

Question

jQuery 모바일에서 테이블을 만들고 싶습니다. 이 테이블은 mysql에서 업데이트 될 것이다. jQuery 모바일에서 테이블을 생성하고 업데이트하는 절차를 알려주십시오. 완전히 새로운 플랫폼입니다.

Answer 1

AJAX를 사용하면 페이지를 새로 고치지 않고도 테이블을 업데이트해야합니다. jquery/html 페이지에서 새 데이터를 추가 한 후 테이블을 업데이트하기 위해 아약스 호출을 수행합니다 (업데이트해야하는 이유라고 가정합니다).

1. 페이지로드

   $(document).on("pageinit", "#visualUnitList", function() { 
          LoadVisualUnitTable(); 
         }); 
   

2. 을에 당신을 위해 테이블을 표시하는 테이블

3. 사용 JQUERY AJAX를 표시하는 별도의 스크립트 유무 :

   그것은 이런 식으로 뭔가를 작동 테이블을 표시하는 함수를 작성하십시오.

   function LoadVisualUnitTable() { 
       $.post('unit_DisplayVisualTable.php', 'unitSearchBox=<?php echo $_POST ['unitSearchBox'];?>, function(data) { 
       $("#visualUnitListTable-popup-popup").remove(); //<!-- remove "select columns to display" popup from dom before reloading - fix for button not working after reload --> 
       $("#visualUnitTable").html(data).enhanceWithin();//<!-- load data to div --> 
   }); 
   return false; 
   }; 
   

이렇게하면 테이블이 화면에 나타납니다. 테이블에서 데이터를 업데이트/편집하려면 추가 ajax를 작성하여 별도의 PHP (?) 스크립트에 데이터를 POST해야합니다. 데이터를 게시 한 후 AJAX에서 포인트 1에있는대로 LoadVisualUnitTable()을 실행하면됩니다.

도움이되기를 바랍니다.

p.s. 나중에 질문 할 사항이 있으면 달성하려는 내용에 대한 자세한 내용을 제공하면 응답을 작성하는 것이 훨씬 쉬우 며 작업중인 기존 코드를 게시 할 수있는 경우 더욱 효과적입니다.