フロントエンド-「Layui-formはデフォルトで現在のページに留まります(操作後に最初のページにジャンプしないでください)

この変更では、layuiフォームがデフォルトで現在のページにとどまる場合、条件を保持するクエリメソッドが追加されます。つまり、関数は次のように表示されます。

テーブルには6ページのデータがあり、特定の条件に従って検索されます。テーブルには3ページのデータが表示されます。2ページ目の[編集]をクリックしてサブページにジャンプし、サブページを閉じてこのリストに戻ります。ページ、それはまだ2ページ目にあります。デフォルトでは最初のページに移動しませんが、検索条件も保持します。もちろん、デフォルトで最初のページにジャンプして検索条件を維持することなく、2つのファンクションポイントに分割することもできます。これらの2つのファンクションポイントは、私が行ったのと同時に使用することも、別々に使用することもできます。2つのファンクションポイントのすべての実装ステップはフロントエンドで実行され、バックエンドとの相互作用はありません。

ステップ1:jsを紹介し、記事のリソースまたはjsリンクのダウンロードを参照してください。しかし、私を個人的に信頼してくれる人を見つけることができません。参照後、下図のように

https://download.csdn.net/download/nienianzhi1744/11676775

ステップ2:要点が描かれています。

   最初の赤いボックスは、テーブルレンダリングオブジェクトを定義することです。

   2番目の赤いボックスは、検索条件を保持することです(検索条件を保持する必要がある場合は、このカプセル化メソッドを追加します。不要な場合は使用しないでください)

   3番目の赤いボックスは現在のページに残ります。

ステップ3:検索するときは、テーブルをレンダリングする前に赤いボックスのメソッドを呼び出します。これは主に、検索条件をキャッシュに保存して、次回ロード時に使用できるようにするために使用されます。2つのパラメーター。最初のパラメーターは現在のページの一意の識別子であり、2番目のパラメーターは検索条件のオブジェクトです。(検索条件を維持する必要がある場合は、このカプセル化メソッドを追加します。不要な場合は使用しないでください)

ステップ4:

削除、編集、変更などをクリックするなど、ツールバーをクリックしたとき。この文を追加して現在のページを設定します。パラメーターはページのカスタム一意識別子です。この時点で、クリックして編集するためにサブページにジャンプする必要がある場合は、このステップで完了します。現在のリストページのみにあるクリックアンド削除操作の場合は、もう1つの手順が必要です。追加の手順については、手順5を参照してください。

ステップ5:このステップは、現在のページ操作の削除などに類似している場合にのみ追加する必要があることに注意してください。通常は追加しないでください。3つのパラメーター:

最初のパラメータは上記と同じです:ページカスタム一意識別子

2番目のパラメーター:リストページテーブルのID

3番目のパラメーター:テーブルレンダリングオブジェクト(詳細については、手順2の最初の赤いボックスを参照してください)。

 

この時点で、この機能は完了しています。コメントとコメントを歓迎します。

--- 1時間後からの変更、5番目のステップのsetPageNumAfterはクエリメソッド内に配置する必要があります

おすすめ

転載: blog.csdn.net/nienianzhi1744/article/details/100564597