次の方法で共有


方法 : 宣言構文を使用した Web ページ内のデータをフィルター処理します。

[このドキュメントはプレビュー版であり、後のリリースで変更されることがあります。 空白のトピックは、プレースホルダーとして挿入されています。]

QueryExtender コントロールを使用しては、データ ソースで明示的なクエリを作成することがなく、データ ソースから取得されるデータのフィルターを作成することができます。 データのフィルターだけ宣言構文を使用する Web ページのマークアップで QueryExtender コントロールを使用することができます。 データのフィルター、QueryExtender コントロール内で、次の式の種類の 1 つ以上を使用すると。

これら式の種類や追加のフィルター表現は、ASP.NET の動的なデータ アプリケーションでサポートされていません。 詳細については、「QueryExtender の Web サーバー コントロールの概要」を参照してください。

宣言構文を使用して Web ページにデータをフィルター

  1. Visual Studio または Visual Web Developer を使用して、Web サイトを作成または Web アプリケーション。

  2. 追加またはデータベースに接続します。

  3. Web サイトまたは Web アプリケーションのデータ モデルを作成します。

    注意

    QueryExtender コントロールは、LINQ to SQL および Entity Framework のデータ ソースをサポートします。

  4. データ ソース コントロールを Web ページに追加し、使用するデータベース テーブルを処理するデータ ソースを構成します。

    LinqDataSource 、 AdventureWorksDataContext という名前のデータ コンテキストを使用して、AdventureWorks データベース内の商品テーブルを扱うように構成されているコントロールのマークアップを次の例に示します。

    <asp:LinqDataSource ID="LinqDataSource1"  
        ContextTypeName="AdventureWorksDataContext"  
        TableName="Products" runat="server"> 
    </asp:LinqDataSource>
    
  5. QueryExtender コントロールをページに追加し、 TargetControlID プロパティをデータ ソース コントロールの ID に設定して、データ ソースに接続します。

    LinqDataSource1 データ ソース コントロールにバインドされているクエリ エクステンダー コントロールのマークアップを次の例に示します。

    <asp:QueryExtender runat="server" 
         TargetControlID="LinqDataSource1">
    </asp:QueryExtender>
    
  6. QueryExtender コントロールにフィルターを追加します。

    次の例を示します、クエリのエクステンダー コントロールに追加されている SearchExpression 要素 (フィルター)。 要素は、[名前] 列のフィルターを定義します。 実行時に検索するには名前が提供されます。

    <asp:QueryExtender runat="server" TargetControlID="LinqDataSource1">
        <asp:SearchExpression SearchType="Contains" DataFields="Name" >    </asp:SearchExpression>
    </asp:QueryExtender>
    
  7. クエリ パラメーターには、値を提供し、このコントロールは ControlIDControlParameter コントロールのプロパティを設定することによってパラメーターを使用するフィルターに接続する ASP.NET コントロールを追加します。

    The following example shows the markup for a search expression that uses the SearchTextBoxTextBox control to accept user input as a parameter.

    Search: <asp:TextBox ID="SearchTextBox" runat="server" />
    
    <asp:QueryExtender runat="server" TargetControlID="LinqDataSource1">
        <asp:SearchExpression SearchType="Contains" DataFields="Name" >       <asp:ControlParameter ControlID="SearchTextBox" />
    </asp:SearchExpression>
    </asp:QueryExtender>
    
  8. データ コントロールをページ上に、フィルター処理されたデータを表示し、コントロールをデータ ソースに接続を追加します。 たとえば、GridView コントロール データ ソースから返されるフィルター処理されたデータを表示を追加することができます。

    次の例は、データ ソース コントロールによって返されるデータを表示する GridView コントロールのマークアップに示します。 GridView コントロールで定義したフィルターを使用するコントロールが LinqDataSource1 コントロールからのデータを取得します。

    <asp:GridView ID="GridView1" runat="server"  
         DataSourceID="LinqDataSource1" AllowPaging="True">
    </asp:GridView>
    

使用例

ここで記載されている完全なマークアップの例を示します。 SearchExpression を使用して、AdventureWorks サンプル データベースの [名前] 列を検索します。 SearchTextBox コントロールに入力されている文字列で始まる製品名を検索、フィルターします。

<body>
    <form id="form1" runat="server">
    Search:<asp:TextBox ID="SearchTextBox" runat="server" />
    <p>
    <asp:Button ID="Button1" runat="server" Text="Search" />
    </p>
    <asp:LinqDataSource ID="LinqDataSource1"  
        ContextTypeName="FilterDemo.AdventureWorksDataContext"  
        TableName="Products" runat="server"> 
    </asp:LinqDataSource>
    <asp:QueryExtender runat="server"   
            TargetControlID="LinqDataSource1">
    <asp:SearchExpression SearchType="StartsWith" DataFields="Name" >
    <asp:ControlParameter ControlID="SearchTextBox" />
    </asp:SearchExpression>
</asp:QueryExtender>
    <asp:GridView ID="GridView1" runat="server"  
          DataSourceID="LinqDataSource1" AllowPaging="True">
     </asp:GridView>
</form>
</body>

コードのコンパイル方法

例のコードをコンパイルする必要があります、次。

参照

処理手順

方法 : QueryExtender の Web サーバー コントロールを使用して、Web ページでユーザー設定のクエリを作成します。

参照

CustomExpression

QueryExtender

概念

QueryExtender の Web サーバー コントロールの概要