레일 데이터 테이블을 다시로드해야합니다.

Question

레일즈 앱에서 데이터 테이블을 사용하고 있습니다. 나는 site이라는 모델을 가지고있다.

site의 색인은 dataTable을 사용하여 사이트를 나열합니다. 내가 먼저 인덱스 페이지

http://localhost:3000/sites 

를로드 할 때

DataTable에 작동하지 않습니다. 콘솔 오류가 없습니다.

페이지를 새로 고침하면 작동합니다. 다시로드하는 동안

는, 콘솔은 다음과 같이 항목을 보여줍니다 도움을

Started GET "/assets/application.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/bootstrap.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/bootstrap-editable.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/ColVis.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/datetimepicker.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/datepicker.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/dataTables/bootstrap/3/jquery.dataTables.bootstrap.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:29 -0600 
Started GET "/assets/jquery.qtip.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/jquery.treeTable.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/TableTools.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
Started GET "/assets/TableTools_JUI.css?body=1" for 127.0.0.1 at 2014-07-13 17:24:30 -0600 
... 

감사합니다!

Answer 1

터보키을 사용 하시나요? 그렇다면 전체 페이지를 부분적으로 다시로드하지 않기 때문에 그 이유가 될 수 있습니다. 당신은 두 가지 방법으로 그것을 해결할 수 :

는

1. 는 turbolink 사용하지 마십시오 (그러나 당신의 웹 사이트가 느려집니다)

2. 페이지로 DataTable을 초기화 코드를 이동 : 응용 프로그램에서이 같은 변화, . js :

   $ (문서) .on ("page : change", function() { $ ('# yourtable'). dataTable(); });