AutoPostBack プロパティは、ユーザーがコントロールでインタラクティブ操作を行うたびにコントロールがサーバーにポストバックするかどうかを指定します。このトピックでは、C1AutoComplete コントロールの作成、コンテンツの設定、および AutoPostBackプロパティの設定を行う手順について説明します。

以下の手順を実行します。

1. C1AutoComplete コントロールおよび標準の ListBox コントロールをアプリケーションに追加します。デザインビューは、次の図のようになります。

   

2. ページで C1AutoComplete コントロールを選択し、Visual Studio のプロパティウィンドウに移動します。リストでAutoPostBackプロパティを探し、それを True に設定します。
3. 〈イベント〉ボタン をクリックし、C1AutoComplete イベントを表示します。ItemSelected イベントを指定し、C1AutoComplete1_ItemSelected を入力します。
4. ソースビューに切り替えて <cc1:C1AutoComplete> </cc1:C1AutoComplete> タグを探します。タグの間に次のマークアップを挿入し、C1AutoCompleteDataItemを作成します。 

   ソースビュー

   コードのコピー

   <Items>             <cc1:C1AutoCompleteDataItem Label="c++" Value="c++" />             <cc1:C1AutoCompleteDataItem Label="java" Value="java" />             <cc1:C1AutoCompleteDataItem Label="php" Value="php" />             <cc1:C1AutoCompleteDataItem Label="coldfusion" Value="coldfusion" />             <cc1:C1AutoCompleteDataItem Label="javascript" Value="javascript" />             <cc1:C1AutoCompleteDataItem Label="asp" Value="asp" />             <cc1:C1AutoCompleteDataItem Label="ruby" Value="ruby" />             <cc1:C1AutoCompleteDataItem Label="python" Value="python" />             <cc1:C1AutoCompleteDataItem Label="c" Value="c" />             <cc1:C1AutoCompleteDataItem Label="scala" Value="scala" />             <cc1:C1AutoCompleteDataItem Label="groovy" Value="groovy" />             <cc1:C1AutoCompleteDataItem Label="haskell" Value="haskell" />             <cc1:C1AutoCompleteDataItem Label="perl" Value="perl" />         </Items>

5. <asp:ListBox></asp:ListBox> タグを探し、次のマークアップを挿入して、ListBox コントロールの幅と高さを制御します。

   ソースビュー	コードのコピー
   Width="300px" Height="300px"

   
   
6. ソースビューを右クリックし、リストから［コードの表示］を選択します。以前に ItemSelected イベントを処理するために Visual Studio で作成された次のようなコードがあることを確認します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Protected Sub C1AutoComplete1_ItemSelected(ByVal sender As Object, ByVal args As C1.Web.Wijmo.Controls.C1AutoComplete.C1AutoCompleteDataItemEventArgs) End Sub

   C# コードの書き方

   C#	コードのコピー
   protected void C1AutoComplete1_ItemSelected(object sender, C1.Web.Wijmo.Controls.C1AutoComplete.C1AutoCompleteDataItemEventArgs args)

7. 次のコードを ItemSelected イベントハンドラの下に配置します。このコードは、C1AutoComplete コントロールから ListBox コントロールへの新しい項目の追加を処理します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   ListBox1.Items.Add(New ListItem(C1AutoComplete1.Text))

   C# コードの書き方

   C#	コードのコピー
   ListBox1.Items.Add(new ListItem(C1AutoComplete1.Text));

8. ［F5］を押して、アプリケーションを実行します。検索ボックスに「ja」と入力し、表示される AutoCompleteDataItem の１つを選択します。項目を選択し、AutoPostBack プロパティを確認します。アプリケーションは、次の図のようになります。