2013-08-14 2 views
1

jQuery 플러그인 Datatables를 사용하여 my mysql 데이터베이스에서 projects/survey/...를 표시합니다. 내 웹 응용 프로그램을 만들려면 젠드 프레임 워크와 함께 일하고 있습니다.
이 지금의 모습에서 미리보기입니다DataTables로드 - 가장 좋은 옵션은 무엇입니까?

enter image description here

이 내 LibrariesController 내 projectsAction입니다. "SURVEYS/QUIZZES"를 클릭하면 동일한 컨트롤러에서 surveyAction으로 이동하고보기에서 다시 테이블을 수정합니다. 내 테이블보기에서 형성되는 방식에서 미리보기 :

<table id="datatables" class="display"> 
      <thead> 
      <tr> 
       <th>Title</th> 
       <th>Actions</th> 
      </tr> 
      </thead> 
      <tbody> 
      <?php $projects = $this->projects; 
      foreach($projects as $project){ ?> 
        <tr> 
         <td><a class="project_click" id="<?= $project["Id"] ?>"><?= $project["Name"] ?></a></td> 
         <td class="buttons"> 
          <?php 
          if($project["PermissionLevelId"] == 1){ 
          ?> 
          <span class="btn btn-block btn-inverse"><a href="../projects/edit/projectid/<?= $project["Id"] ?>">EDIT</a></span> 
          <?php } ?> 
          <span class="btn btn-block btn-inverse"><a href="../projects/use/projectid/<?= $project["Id"] ?>">USE</a></span> 
          <span class="btn btn-block btn-inverse"><a href="../projects/share/projectid/<?= $project["Id"] ?>">SHARE</a></span> 
         </td> 
        </tr> 
      <?php 
      } 
      ?> 
      </tbody> 
     </table> 

는 새로운 액션으로 이동하여 프로젝트/조사/디자인 사이를 전환 할 수있는 최선의 방법인가, 아니면 내가 아약스 호출로이로드해야합니까?

:

나는 또한 내가 프로젝트 페이지에 그리고 난 설문 조사 페이지에있을 때 나는 내가이 얻을 "프로젝트"를 클릭하면 내가 예를 들어, "설문 조사/퀴즈"를 클릭하면 문제가

enter image description here

자바 스크립트가로드되지 않았습니다. 누군가 내 케이스에서 가장 좋은 해결책이 무엇인지 말해 줄 수 있습니까?

+0

자바 스크립트가로드되지 않았다는 것을 의미합니까? dataTable을 생성 할 수 없다는 뜻입니까? 새 데이터로 dataTable을 채울 수 없다는 뜻입니까? ... – Wood

+0

테이블은 새로운 데이터로 채워지지만 볼 수 있듯이 데이터 테이블은 완전히 표시되지 않았습니다. 검색 상자, 레이아웃, ...이 없습니다. (제 2 이미지에서) – nielsv

답변

0

유일한 변경 사항은 구조가 아닌 테이블의 내용이므로 Ajax를 사용하는 것이 더 좋을 것이며 dataTables로 구성하기가 쉽습니다.

0

이미지를 볼 수 없으므로 알아 내기가 어렵습니다.

아마 당신이 dataTable을 초기화하지 않았다고 생각합니다. 데이터를 업데이트 한 후 헤더 또는 메소드에 다음을 추가하십시오.

<script> 
    $(document).ready(function() { 
    $('#datatables').dataTable(); 
    }); 
</script> 
관련 문제