問題タブ [bootstrap-table]

これを行う方法をネットで見つけることができる唯一のものはここにあり、私はまだ困惑しています。それを理解することはできません.

私は基本的に JavaScript ベースのテーブルを持っており、いくつかのフィールドに画像または単純なグリフィコンへのリンクを含めたいと考えています。

たとえば、フィールドsheet1、sheet2、sheet3実際のファイルにリンクする PDF などであるため、PDF アイコンの画像またはグリフを含めたいと考えています。

これを行う方法について私が見つけた記事のほとんどは静的テーブルに関するものです.私のものは動的であるため、これに関する情報を見つけるのに苦労しています.

どこから始めればよいのかわかりません。正しい方向に向けることができるアイデアは素晴らしいでしょう。

jquery/ブートストラップ

HTML

次のように、ドキュメントの準備ができたときに現在読み込まれるブートストラップ JavaScript テーブルがあります。

ページの他の部分でテーブルをリロードしたいと思います。私の考えは、この関数を起動できるハンドラーをいくつか用意することです。たぶん、.click()またはそれ.change()を行うでしょう。しかし、複数のハンドラーが同じ関数を起動できるかどうかはわかりません。

の後にテーブルを更新したい ajax 呼び出しの例を次に示しますsuccess。

これに対する私のアプローチはかなり外れていると感じているので、専門家にこれを明らかにしてもらうことができますか.

私は、教師または生徒になることができる人のリストを持っています (ただし、両方ではない)。私はjsonデータを持っています

ブートストラップ テーブルのソースとして。列のデータフォーマッターを使用して、チェックボックスを2列にフォーマットしました

Teacher 列には別のフォーマッタがあります。ブートストラップ テーブルは行ごとに 2 つのチェックボックスで適切にレンダリングされますが、チェックボックスをクリックすると、「undefined の 'click' のプロパティを読み取れません。

次のライブラリを使用して、ブートストラップ テーブルを備えた MVC アプリを持っています: Bootstrap Table

これにより、単純な呼び出しでデータが入力されます

これにより、期待どおりにテーブルにデータが入力され、列に data-sortable=true タグを追加して、列を並べ替えられるようにしました。私が本当にやりたいことは、データを列 1で並べ替え、次に列 2 で並べ替えることができるようにすることです。そのため、最初に列 1 の値で並べ替え、次に 2 番目の列の値を並べ替えます。

これを実装するための最善の方法について誰かが考えていますか? 理想的には、サーバー側でソートするのではなく、クライアントでソートを維持したいと考えています。