ASP.NET {Article002}

説明文の表示 ライブデモを見る▶
ようこそ「ASP.NET」へ...

ASP.NET: ListViewにレコードを並べ替える機能を追加する

このサンプルではASP.NETのデータコントロールListViewにレコードを並べ替える機能を追加する方法を解説します。 ListViewコントロールは列の見出しをLinkButtonコントロールに変えるだけで簡単に列の並べ替え機能を組み込むことができます。 ここでは列を並べ替えするときに昇順・降順が明確に分かるように列の見出しに「▲」や「▼」も表示します。 図の画像をクリックすると拡大します。図のキャプションにマウスを移動すると図の説明が表示されます。

click image to zoom!
図1
click image to zoom!
図2

作成手順

操作手順


Live DEMO

Command Url  / Title Category View Count Date Last Viewed
Root_Menu_AspNet_Article_Article003.aspx
ListViewにページング機能を追加する (Article003)
AspNet 17 2021/06/07
Root_Menu_AspNet_Article_Article005.aspx
ListViewに検証コントール(Validator)を追加する (Article005)
AspNet 43 2021/06/07
Root_Menu_AspNet_Article_Article012.aspx
ListViewにCheckBoxを追加する (Article012) ★
AspNet 13 2021/06/08
Root_Menu_AspNet_Article_Article013.aspx
ListViewの複数のフィールドににフィルターを適用して表示するレコードを絞り込む (Article013) ★
AspNet 28 2021/06/08
Root_Menu_AspNet_Article_Article014.aspx
ListViewにHyperLinkを追加しさらにTextBoxにTextMode="MultiLine"を追加して入力領域の幅を節約する (Article014) ★
AspNet 17 2021/06/08
Root_Menu_AspNet_Article_Article015.aspx
Repeaterにフィルター機能を追加してレコードを絞り込む 【da.Fill(,maxRows,) Version 】 (Article015) ★
AspNet 6 2021/06/08
Root_Menu_AspNet_Article_Article016.aspx
ListViewから追加・編集・削除ボタンをクリクしたとき処理中のメッセージを表示する (Article016)
AspNet 11 2021/06/09
Root_Menu_AspNet_Article_Article017.aspx
ListViewから追加・編集・削除ボタンをクリクしたとき処理中はボタンを無効にしてダブルクリックを防止する (Article017)
AspNet 11 2021/06/08
Root_Menu_AspNet_Article_Article018.aspx
ListViewからマウスを使用して日付、数字を入力する (Article18) ★
AspNet 31 2021/06/08
Root_Menu_AspNet_Article_Article019.aspx
ListViewから入力したデータの検証をサーバー側で行う (Article019) ★
AspNet 74 2021/06/08
Root_Menu_AspNet_Article_Article020.aspx
ListViewのヘッダーにCheckBoxを追加して全てのアイテムを選択・解除できるようにする (Article020) ★
AspNet 16 2021/06/08
Root_Menu_AspNet_Article_Article021.aspx
ListViewに画像を表示する (Article021) ★
AspNet 37 2021/06/09
Root_Menu_AspNet_Article_Article022.aspx
WebページにListViewとObjectDataSourceのイベントのトレースを表示する (Article022) ★
AspNet 97 2021/06/08
Root_Menu_AspNet_Article_Article023.aspx
ListViewから入力したデータの検証を3段階に分けて行う (Article023) ★
AspNet 58 2021/06/09
Root_Menu_HtmlCss_Article_Article001.aspx
HTMLのUL/LIタグを使用して水平型のメニューを表示する (Article001) ★
HtmlCss 20 2021/06/09
Root_Menu_HtmlCss_Article_Article002.aspx
CSSを使用してアクティブなメニュー項目を緑の背景色でハイライトさせる (Article002)
HtmlCss 7 2021/06/08
Root_Menu_HtmlCss_Article_Article003.aspx
マウスをメニュー項目に移動(フォーカス)したときに赤の背景色でハイライトさせる (Article003)
HtmlCss 7 2021/06/09
Root_Menu_HtmlCss_Article_Article004.aspx
HTMLのTABLEタグをフォーマットする (Article004)
HtmlCss 135 2021/06/09
Root_Menu_HtmlCss_Article_Article005.aspx
HTMLのDIVタグにCSSを適用して画像をズームさせる [CSSでLightbox実装] (Article005)
HtmlCss 19 2021/06/09
Root_Menu_jQuery_Article_Article004.aspx
jQueryを使用して表から行の削除ボタンをクリックしたときに念にために確認するメッセージを表示する (Article004)
jQuery 10 2021/06/09
Root_Menu_jQuery_Article_Article005.aspx
jQueryを使用して表の行に表示されているCheckBoxをクリックして行を選択する (Article005)
jQuery 6 2021/06/08
Root_Menu_jQuery_Article_Article006.aspx
jQueryを使用して表のヘッダーに表示されているCheckBoxをクリックしてすべての行を選択する (Article006)
jQuery 6 2021/06/08
Root_Menu_jQuery_Article_Article007.aspx
jQueryを使用して[注文]ボタンをダブルクリック(二重注文)するのを防止する (Article007)
jQuery 14 2021/06/09
Root_Menu_jQuery_Article_Article008.aspx
JavaScript/jQueryを使用してDate型のTextBoxに今日の日付を表示する (Article008)
jQuery 40 2021/06/09
Root_Menu_LibArts_Article_Article001.aspx
人間はなぜこの世に生まれてきたのか? (Article001)
LibArts 0 2021/05/25
Root_Menu_LibArts_Article_Article002.aspx
善とは? 悪とは? (Article002)
LibArts 0 2021/05/25
Root_Menu_LibArts_Article_Article003.aspx
実在意識(顕在意識)と潜在意識の違いとは? (Article003)
LibArts 1 2021/06/15
Root_Menu_LibArts_Article_Article004.aspx
天命と運命の違いとは? (Article004)
LibArts 0 2021/05/25
Root_Menu_LibArts_Article_Article005.aspx
資本主義とは? (Article005)
LibArts 0 2021/05/25