3

さまざまな情報を表示するための素敵なテーブルを表示するために dataTables を使用しています。JavaScript はポーリング リクエストをデータベース/Web サーバーに正常に送信しますが、JavaScript は現在のデータを取得していないようです。

これが私のコントローラーです

class CommentsController < ApplicationController
  before_filter :authenticate_user!
  before_filter :get_current_user

  # GET /comments
  # GET /comments.json

  def get_current_user
    @user=current_user
  end

  def index
    @comments = @user.comments

    respond_to do |format|
      format.html # index.html.erb
      format.json { render json: @comments }
    end
  end

意見：

<h1>Listing comments</h1>

<table id="comments_id" class="display">
<thead>
  <tr>
    <th>String</th>
    <th>secondString</th>
    <th></th>
    <th></th>
  </tr>
</thead>
<tbody>
</tbody>
</table>

<br />

<%= link_to 'New Comment', new_comment_path %>
<h1>Listing comments</h1>

<table id="comments_id" class="display">
<thead>
  <tr>
    <th>State</th>
    <th>Environment</th>
    <th>dns</th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
</thead>
<tbody>
</tbody>
</table>

<br />

<%= link_to 'New Comment', new_comment_path %>
<h1>Listing comments</h1>

<table id="comments_id" class="display">
<thead>
  <tr>
    <th>State</th>
    <th>Environment</th>
    <th>dns</th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
</thead>
<tbody>
</tbody>
</table>

<br />

<%= link_to 'New Comment', new_comment_path %>

コメント.js:

function InitOverviewDataTable()
{
  oOverviewTable =$('#desktops_id').dataTable(
  {
    "bPaginate": true,
    "bJQueryUI": true,  // ThemeRoller-stöd
    "bLengthChange": false,
    "bFilter": false,
    "bSort": false,
    "bInfo": true,
    "bAutoWidth": true,
    "bProcessing": true,
    "iDisplayLength": 10,
    "sAjaxSource": 'desktops'
  });
}

function RefreshTable(tableId, urlData)
{
  $.getJSON(urlData, null, function( json )
  {
    table = $(tableId).dataTable();
    oSettings = table.fnSettings();

    table.fnClearTable(this);

    for (var i=0; i<json.aaData.length; i++)
    {
      table.oApi._fnAddData(oSettings, json.aaData[i]);
    }

    oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
    table.fnDraw();
  });
}

function AutoReload()
{
  RefreshTable('#desktops_id', 'desktops');

  setTimeout(function(){AutoReload();}, 3000);
}

$(document).ready(function () {
  InitOverviewDataTable();
  setTimeout(function(){AutoReload();}, 3000);
});

データベース側で正しいクエリがプッシュされていることがわかります。

Started GET "/comments" for 127.0.0.1 at 2013-01-22 18:46:16 -0500
Processing by CommentsController#index as JSON
  User Load (0.5ms)  SELECT "users".* FROM "users" WHERE "users"."id" = 1 LIMIT 1
  Comment Load (0.4ms)  SELECT "comments".* FROM "comments" WHERE "comments"."user_id" = 1
Completed 200 OK in 6ms (Views: 3.2ms | ActiveRecord: 0.9ms)

ただし、Firefox の Web コンソールでは、ポーリング時にデータが取得されていないことがわかります...そして、dataTable が「データの読み込み中」でスタックしている場合

[19:04:37.395] GET http://localhost:3000/comments?_=1358899476292 [HTTP/1.1 200 OK  38ms]
[19:04:39.344] GET http://localhost:3000/comments [HTTP/1.1 304 Not Modified  15ms]
[19:04:42.360] GET http://localhost:3000/comments [HTTP/1.1 304 Not Modified  18ms]

ご協力いただきありがとうございます

4

1 に答える 1

0

問題は、オブジェクトaaDataをシリアライズしているため、サーバーからの JSON データにキーの値がないことです。ActiveRecord

内部 API (例: ) を使用しているように見えるため、通常は DataTable プラグインの使用方法を変更しますが_fnAddData、これは少し厄介です。

代わりに、 RailsCast #340 on Datatablesで Ryan Bates が示しているアプローチをお勧めします。この方法は私にとって非常にうまく機能し、問題はありませんでした。

于 2013-11-01T10:36:44.613 に答える