Ajax対応リストボックスでAccessデータを表示するWebページを作る

LiveControls 1.0JのLiveListBoxコントロールを使ったWebページの作成

2つのリストの選択の連動化

　型番と在庫数のデータを別々のLiveListBoxコントロールに組み込みましたので、どのモデルがどの在庫数なのかが分かるように、選択状態を連動させておきます。

　これは、LiveListBox2、LiveListBox3のSelectedIndexChangedイベントハンドラで行います。

　LiveListBoxクラスのSelectedIndexプロパティで現在選択されているリストのインデックス番号を取得し、もう1つのLiveListBoxコントロールのSelectedIndexプロパティに代入するだけOKです。

Visual Basic

Protected Sub LiveListBox2_SelectedIndexChanged( _
        ByVal sender As Object, ByVal e As System.EventArgs) _
        Handles LiveListBox2.SelectedIndexChanged
    Dim pos As Integer
    pos = Me.LiveListBox2.SelectedIndex
    Me.LiveListBox3.SelectedIndex = pos
End Sub

Protected Sub LiveListBox3_SelectedIndexChanged( _
        ByVal sender As Object, ByVal e As System.EventArgs) _
        Handles LiveListBox3.SelectedIndexChanged
    Dim pos As Integer
    pos = Me.LiveListBox3.SelectedIndex
    Me.LiveListBox2.SelectedIndex = pos
End Sub

C#

protected void LiveListBox2_SelectedIndexChanged(object sender, 
                                                 EventArgs e)
{
    int pos;
     pos = LiveListBox2.SelectedIndex;
     LiveListBox3.SelectedIndex = pos;
}

protected void LiveListBox3_SelectedIndexChanged(object sender, 
                                                 EventArgs e)
{
    int pos;
    pos = LiveListBox3.SelectedIndex;
    LiveListBox2.SelectedIndex = pos;
}

まとめ

　リアルタイムにリストボックスのリストを更新する場合は、Ajax対応コントロールが威力を発揮します。使い方はとても簡単ですから、データベースとの連動もすぐに実現できます。

　LiveMessageBoxも、Windowsフォームのメッセージボックスと同じような機能をWebページに組み込むことができます。イベントを使うことができ、HTMLやJavaScriptを書く必要もありませんので、Visual BasicやC#のプログラマにとっては、使い慣れたコントロールと言えるでしょう。