問題タブ [bootstrap-table]

通貨記号を自分の数値に追加しながら、値を Bootstrap テーブルの数値として並べ替え可能なままにしたい (行 30-34、表の列 4):

http://jsfiddle.net/mademoiselletse/s0d1xgzt/

「$」が付加された値は、数値ではなく文字列としてソートされます。私がオンラインで見つけたすべての通貨ソートの問題は、DataTable および tablesorter() プラグインに関連しています。jQuery プラグインをさらにインストールするよりも早く問題を解決する方法はありますか?

ご助力ありがとうございます！

data-filter-control="select">wenzhixin のブートストラップ テーブル拡張 ( github -filter control extension ) で開始されたドロップダウンを使用します。

「admin」、「report」などのデータベースからのデータをドロップダウン値に入力します。もっと「使いやすい」ラベルを表示したい。HTML の例を次に示します<option value='report'>Report only</option>。

問題は、データベースからレポートを取得してReport onlyに変換すると、データベースで最初のレポートではなく後者を探しているため、フィルタリングされなくなることです。

ドロップダウンは 1 つのデータのみを受け取り、これは値とラベルに使用されます。HTML 出力を取得します<option value='report'>report</option>。

値を指定してから表示するラベルを指定することはできますか?

編集

スクリーンショット:

jQuery を使用して Bootstrap テーブルの列のテキストを変更しました。

$('#my_td').text('45,999.54$');

行オブジェクトを取得すると

最後の列には古い値があります。スクリーンショットを参照してください。左の赤い四角は取得した値getSelectionsで、右の赤い四角は jQuery で変更した値です。

最後の列の値を変更し、使用時に同じ値を取得する正しい方法は何getSelectionsですか?

回答例

これはうまくいきました

私のJSONは次のようになります。

JSON は外部ソースから取得され、本番環境では動的になりますが、すべてのソースはこれと同じ構造になります。

ユーザーには次の 3 つの入力があります。

1. JSON ソースを選択するための最初の入力 (デモ用に削除)
2. JSON データを返し始める開始日を選択するための 2 番目の入力 (例: 2015-06-01 )
3. JSON データを返す終了日を選択するための 3 番目の入力 (例: 2015-06-19 )

フォームの HTML は次のとおりです。

これがJavaScriptです：

基本的に私が欲しいのは、ユーザーが検索をクリックすると、ページが JSON ソース URL を取得しますが、入力された日付 (入力された日付を含む) の間のデータのみが返されることです。次に、JSON がブートストラップ データ テーブルに出力されます。

通常、jsFiddle の例を提供しますが、外部の JSON ファイルを読み取るためのフィドルを取得する方法がなかったので、codepen の例で問題ないことを願っています :)

http://codepen.io/lordtubington/pen/GJOVpy

注: ブートストラップ テーブルhttps://github.com/lukaskral/bootstrap-table-filterのフィルター拡張機能があることは認識していますが、このフィルター拡張機能はデータがフェッチされた後に機能します。私のユーザーは、何千ものレコードを含むファイルを要求します。すべてのレコードを取得してから日付フィルターを適用することはできません:)

このブートストラップ テーブルを使用しています http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#client-side-pagination-table

これにより、デフォルトのページサイズは 10 になります。グリッドがロードされたときに、どのように 5 などに変更できますか。

それを選択するオプションがありdata-page-list="[5,10]"ますが、ロード時のデフォルトでは 10 のままです。

私は自分のウェブサイトに「bootstrap-table」( https://github.com/wenzhixin/bootstrap-table ) プラグインを使用しており、現在はサーバー側のページネーション プロパティを使用しています。

テーブルは正しく入力されており、検索機能も機能しています。ただし、存在しないものが検索されると、「一致するレコードが見つかりません」と表示される代わりに、すべてのレコードが表示されます。

これは私が使用しているhtmlコードです...

これは、JSON 応答を作成するために使用している php スクリプトです...

JSON応答は次のとおりです...

サーバー側のページネーションを使用していますが、サーバー側のページネーションを有効にすると、データ検索フィルターもサーバー側モードで機能します。

現在表示されているページでのみクライアント モードで動作するように検索フィルターを構成することは可能ですか?

ありがとうございます。

私が使用している -ブートストラップテーブル

data-urlのプロパティにモデルを渡すにはどうすればよいbootstrap-tableですか?

私の剃刀コード:

私のコントローラーコード - 念のため。

表示するたびにツールチップスターのコンテンツを更新しようとしていますが、毎回うまくいきません。私のコードは次のようになります。

コードからわかるように、ツールチップが表示される前に、ブートストラップ テーブルのデータ URL を更新しているので、ホバーされている行またはセルのデータを取得します。ブートストラップ テーブルの更新をテストしましたが、コードの他の部分で行っているように正しく動作します。ただし問題は、ツールチップスターが常に新しいテーブル データを表示するとは限らないことです。

どんな助けでも素晴らしいでしょう！ありがとう！

https://github.com/cosmicwheels/jquery-checkradiosのようなものを使用して、ブートストラップ テーブル内のラジオ ボタンまたはチェックボックスのスタイルを設定したいと考えています。ただし、実際の対応する入力タグは JavaScript コード (bootstrap-table.js) 内の結合操作によって作成されるため、これを行う方法がわかりません。Bootstrap テーブル内のラジオ ボタンのスタイルを設定する CSS クラスを提供する規定はありますか?