問題タブ [bootstrap-table]

テーブルを描画するためにブートストラップを使用しています。検索機能とフィルター機能の両方が必要です。しかし、フィルター機能を追加した後、検索機能が動作しません。行「」を削除すると、検索機能は動作しますが、フィルター機能が消えます。両方の機能を使用するにはどうすればよいですか? コードは次のとおりです。

選択した列を表示できるテーブルにデータを表示しようとしています。twitter-bootstrap は必要なことを実行できると思いますが、ドキュメンテーションがあまりないか、Rails / JSON に慣れていないので簡単にフォローできるコード例が完全ではありません。

http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html

/weights.json を使用して JSON データにアクセスすると、次のように表示されます。

注意すべきことの 1 つは、私の JSON がきれいに見えないことです。1 行で表示され、読みにくいです。コントローラーで format.json を使用する場合、これを行うことになっていますか? または、上記のように複数行にすることになっていますか？

私のテーブル:

この時点でのドキュメントは、それが機能するように聞こえるだけですか? 他の情報は必要ありませんか？data-url を正しく呼び出していませんか? 完全な URL を使用する必要がありますか?

これを JS 呼び出しで実装し、showColumns および showToggle オプションを実装するにはどうすればよいですか?

ありがとう！

アップデート

わかりました..これでうまくいきました！ただし、インデックスページ/アクションをロードすると..初めてテーブルがロードされません。何かご意見は？テーブルに JSON データをロードするには、ページを更新する必要があります。以下に、すべてのコードを投稿します。

エントリを編集または削除するにはどうすればよいですか? 私は最初に <% link_to %> を .JS ファイルに入れました..しかし、それについて考えた後..それは JS 内では機能しません。

では、ボタンから編集または削除を送信するにはどうすればよいでしょうか。

(参考までに、足場を再生成したので、トップの投稿と比較して新しいフィールドがあります)

アプリケーション.js:

index.html.erb:

weight_trackers_controller.rb:

繰り返しになりますが、私の質問は..列の編集/削除、編集メソッド/ページの呼び出し、または削除オプションのボタンを作成するにはどうすればよいですか。

更新 2

編集と削除が機能しています！以下の application.js コードを参照してください。

これはそれを行います..しかし、編集でモーダルを開くことに取り組む必要があります。

ただし、まだかなり大きな問題が 1 つあります。テーブルは、最初のページを開いたときに読み込まれません。ページをリロード/F5することなくJSONデータをロードする方法についてのアイデアはありますか?

データを入力できないこのブートストラップ テーブルがあります。data-url でコントローラー内の関数を呼び出しています。オブジェクトを調べると、オブジェクトが正しく読み込まれていることがわかりますが、何らかの理由でテーブルにデータが入力されていません。何か？