問題タブ [bootstrap-table]

次を使用してページネーションを設定しようとしています: http://issues.wenzhixin.net.cn/bootstrap-table/index.html

私のコードは次のようになります: http://jsfiddle.net/bb0y3vg9/1

何が機能していますか:

バックエンドから返されたデータがテーブルに表示されています。

機能していないもの

結果をページごとに表示できるボタンがありません。そのため、データベースに 10 を超えるレコードがあっても、結果は 10 しか表示されません。

マイページに表示されるものです。テーブルのすべての「data-」オプションを調べて、例にあるものと一致させようとしました。次の設定を使用すると、次のことがわかりました。

次に、システムがテーブルの上に小さなボタンを作成します。ボタンをクリックすると、すべてのデータを一度に返すか、10 レコードのみを返すかが切り替わります。

しかし、ページ番号のリストを含む右側の表の下にボタンを作成する例のコードはまだわかりません。

任意の提案をいただければ幸いです。ありがとう。

http://bootstrap-table.wenzhixin.net.cnを使用

テーブルコードを含む私のコンポーネントは次のとおりです。

このテーブルを含むページを直接読み込めば問題なく動作します。ただし、react-router を使用して別のページからこのページに遷移すると、テーブルが読み込まれません。bootstrap-table.js をロードする がアンロードされたようです。

このフィドルの「アラート」クリックイベントを変更して、アイコンがクリックされた行を削除するにはどうすればよいですか? 私はいくつかのアプローチを試みましたが、どれもうまくいきませんでした。アラートを投稿するのではなく、行を削除/削除したい。前もって感謝します。

ここにフィドルがあります

このブートストラップ テーブルをコードに実装しようとしていますが、最悪の時間を過ごしています。行 sidePagination: 'server' を追加するまで、結果が返されます。それから私は何も得ません。コード

サーバー側コード

私はこのテーブルで 2 日間モンキーをしました。経験のある方、どんな形であれ、助けや指示をいただければ幸いです。

行全体を別のページに参​​照しようとしましたが、テーブルがbootstraptableJavaScript で として定義されている場合は機能しません。単純なテーブルであれば、正しく機能します。たぶん、BootstrapTable 拡張機能はそれをサポートしていませんか?

この質問を実装に使用しました

JavaScript のこの部分:

これは、.voltファイルの関連部分です。

私は wenzhixin ブートストラップ テーブルを使用しています (使用するように作られているため)。

私はたくさんの検索フィールドを持っているので、Post ではすべてのフィールドをきれいにパッケージ化してサーバーに送り返します。

しかし、ご覧のとおり、pageParam のすべてのフィールドは null ですが、PrefixNameID は 1 である必要があります。pageNumber、pageSize、および sortOrder はすべて正しく、null ではないことに注意してください。

ここで私が間違っていることが明白に明らかなことはありますか?

編集: Ajax 呼び出し - これは作成者のコードです

編集2：

ホーリーカウ、ヌルだ！