ホームページ > 記事 > ウェブフロントエンド > JQuery の ajax_jquery に基づいた超強力な GridView 表示

JQuery の ajax_jquery に基づいた超強力な GridView 表示

WBOYオリジナル: 2016-05-16 18:45:591021ブラウズ

このような例を見たので、皆さんと共有したいと思いました。これは私が常にやりたかったことでした。
最初に最終的な外観を示します:

Northwind のデータを使用します。先頭のプラス記号をクリックすると、この製品に属する他の詳細な注文が表示され、各製品の後ろに注文番号が表示されます。「」をクリックした後の表示:

まず実装を分析しましょう:

最初の画像の表示はグリッドビューです。各レコードの前にある「」をクリックすると、jQuery の ajax 関数を使用して Web メソッドが呼び出され、現在の製品の ID がそこに転送されます。次に、UserControl を継承するクラスが定義され、ascx ファイルを追加して、このクラスにビューステートフィールドを定義できます。

各「」をクリックすると、jQuery が使用され、現在の製品の slideshow() の下に ascx ファイルが表示されます。では、ID はどのように渡されるのでしょうか。これはビューステートを使用します。

View State については多くの紹介があります。私もあまり使ったことはありません。 Web コントロールとの関係を簡単に説明します。