グリッドの移行 - フィルタリング

<FilterOptionsDefault AllowRowFiltering="OnClient">
  </FilterOptionsDefault>

protected void UltraWebGrid1_InitializeLayout(object sender,
  Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
this.UltraWebGrid1.DisplayLayout.FilterOptionsDefault.AllowRowFiltering =
        RowFiltering.OnClient;
}

private void UltraWebGrid1_InitializeLayout(object sender,
  Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
      this.UltraWebGrid1.Bands[0].FilterOptions.AllowRowFiltering =
        RowFiltering.OnClient;
}

protected void UltraWebGrid1_InitializeLayout(object sender,
  Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
this.UltraWebGrid1.DisplayLayout.FilterOptionsDefault.AllowRowFiltering =
        RowFiltering.OnClient;
this.UltraWebGrid1.Bands[0].Columns.FromKey("ContactName").AllowRowFiltering =
        false;
}

private void UltraWebGrid1_InitializeLayout(object sender,
  Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
      // バンドでフィルタリングを有効にし、RowFilterMode を設定する。
      this.UltraWebGrid1.Bands[0].FilterOptions.AllowRowFiltering = RowFiltering.OnClient;
      this.UltraWebGrid1.Bands[0].FilterOptions.RowFilterMode =
        RowFilterMode.SiblingRowsOnly;
      // FilterCondition を作成する。
      FilterCondition myConditions = new FilterCondition();
      myConditions.CompareValue = "HILAA";
      myConditions.ComparisonOperator = FilterComparisionOperator.Equals;
      // 列フィルターを ColumnFilters コレクションに追加すると、ColumnFilter が返される。
      ColumnFilter myFilter = this.UltraWebGrid1.Rows.ColumnFilters.Add(
        this.UltraWebGrid1.Bands[0].Columns.FromKey("CustomerID"));
      myFilter.FilterConditions.Add(myConditions);
}

protected void UltraWebGrid1_InitializeLayout(object sender,
  Infragistics.WebUI.UltraWebGrid.LayoutEventArgs e)
{
      // WebGrid を初期化する。
      this.UltraWebGrid1.Browser = BrowserLevel.Xml;
      this.UltraWebGrid1.DisplayLayout.LoadOnDemand = LoadOnDemand.Xml;
      this.UltraWebGrid1.DisplayLayout.ViewType = ViewType.Flat;
      this.UltraWebGrid1.Bands[0].FilterOptions.AllowRowFiltering =
        RowFiltering.OnServer;
      this.UltraWebGrid1.Bands[0].FilterOptions.RowFilterMode =
        RowFilterMode.SiblingRowsOnly;
      // All、Empty、NonEmpty オプションをドロップ ダウン フィルターリスト
      // に表示しない場合は、それらを非表示にする。// これらのプロパティを設定する代わりに、
      // FilterPopulating イベントで
      // WorkingListValues を消去することも可能。
      this.UltraWebGrid1.Bands[0].FilterOptions.ShowAllCondition =
        ShowFilterString.No;
      this.UltraWebGrid1.Bands[0].FilterOptions.ShowEmptyCondition =
        ShowFilterString.No;
      this.UltraWebGrid1.Bands[0].FilterOptions.ShowNonEmptyCondition =
        ShowFilterString.No;
      // CompanyName 列と ContactName 列で行フィルタリングを許可しないこと。
      this.UltraWebGrid1.Bands[0].Columns.
        FromKey("CompanyName").AllowRowFiltering = false;
      this.UltraWebGrid1.Bands[0].Columns.
        FromKey("ContactName").AllowRowFiltering = false;
      /* 静的なフィルターを作成する * /
      // FilterCollectionValues が返す ArrayList を
      // 使用し値の追加が可能
      ValueListItemsCollection myFilterList = this.UltraWebGrid1.Bands[0].Columns.
        FromKey("ContactTitle").FilterCollectionValues;
      myFilterList.Add("Accounting Manager","Accounting Manager");
      …
      myFilterList.Add("Sales Representative","Sales Representative");
}

private void UltraWebGrid1_FilterPopulating(object sender,
  Infragistics.WebUI.UltraWebGrid.FilterDropDownEventArgs e)
    {
        /* 動的にフィルターを作成する * /
        // クリックした列をテストし確認する
        if (e.Column.Key == "CustomerID")
        {
            string strInitialCommand = null;
            DataTable myDataTable = new DataTable("CustomerID");
            // 後で復元するために、元の SELECT ステートメントをコピーする
            strInitialCommand = this.oleDbSelectCommand1.CommandText;
            // SELECT ステートメントを選択し、
            // データベースにデータを入れる
            this.oleDbSelectCommand1.CommandText =
              "SELECT DISTINCT CustomerID FROM Customers";
            this.oleDbDataAdapter1.Fill(myDataTable);
            // WorkingListValues を生成するために、DataTable をループさせ、値を使用する。
            foreach (DataRow myRow in myDataTable.Rows)
            {
                // ドロップダウンに表示するフィルター リストに
                // 値を追加する。
                e.WorkingListValues.Add(myRow.ItemArray[0].ToString(), myRow.ItemArray[0].ToString());
            }
            // 元の SELECT ステートメントを復元する。
            this.oleDbSelectCommand1.CommandText = strInitialCommand;
            // WebGrid にデータを検索しないよう指示する。この設定で
            // フラグを True にすると、WebGrid は、データのために提供されたリストを使用する。
            e.Handled = true;
        }
    }

function UltraWebGrid1_BeforeFilterPopulated(gridName, oColumnFilter, oColumn,
  workingFilterList, lastKnownFilterList){
      // この列は静的に生成されている。
      // True を返すことによって、グリッドがデータ
      // 収集モードに入らず、
      // 作業リスト プロパティの値を使用する。
      if (oColumn.Key == "ContactTitle")
      {
            return true;
      }
      // これは最初に動的に生成されるが、
      // その後、リストのキャッシュ コピーが使用できる
      if(oColumn.Key == "CustomerID")
      {
            if(lastKnownFilterList != null)
            {
                  oColumnFilter.setWorkingFilterList(lastKnownFilterList);
                  return true;
            }
      }
}

DataTable dt = (DataTable)this.UltraWebGrid1.DataSource;
        DataView dv = dt.DefaultView;
        StringBuilder sb = new StringBuilder();
        foreach (ColumnFilter cf in this.UltraWebGrid1.Rows.ColumnFilters)
        {
            if (cf.FilterConditions.ContainsAllCondition)
            {
            }
            else if (cf.FilterConditions[0].ComparisonOperator == FilterComparisionOperator.NotEmpty)
            {
                sb.Append("AND " + cf.Column.Key + " <> ''");
            }
            else if (cf.FilterConditions[0].ComparisonOperator == FilterComparisionOperator.Empty || cf.FilterConditions[0].ComparisonOperator == FilterComparisionOperator.Equals)
            {
                sb.Append("AND " + cf.Column.Key + " = '" + cf.FilterConditions[0].CompareValue.ToString() + "'");
            }
        }
        if (sb.Length != 0)
        {
            sb.Remove(0, 3);
        }
        dv.RowFilter = sb.ToString();
        this.Label1.Text = dv.Count.ToString();

<Behaviors>
    <ig:Filtering Enabled="true">
    </ig:Filtering>
</Behaviors>

Filtering filtering = WebDataGrid1.Behaviors.CreateBehavior<Filtering>();
filtering.Enabled = true;

<ig:Filtering Enabled="true">
    <ColumnSettings>
        <ig:ColumnFilteringSetting ColumnKey="ColumnKey" Enabled=" />
    </ColumnSettings>
</ig:Filtering>

ColumnFilteringSetting  columnSetting = new ColumnFilteringSetting (WebDataGrid1);
columnSetting.ColumnKey = "ColumnKey";
columnSetting.Enabled = false;

// OrderDate 列の列フィルターを設定する
RuleDateNode dateTimeCondition = new RuleDateNode(DateTimeFilterRules.After, new DateTime(1996, 12, 31));
ColumnFilter columnFilter1 = new ColumnFilter();
columnFilter1.ColumnKey = "OrderDate";
columnFilter1.Condition = dateTimeCondition;
// CustomerID 列の列フィルターを設定する
RuleTextNode textCondition = new RuleTextNode(TextFilterRules.Equals, "ALFKI");
ColumnFilter columnFilter2 = new ColumnFilter();
columnFilter2.ColumnKey = "CustomerID";
columnFilter2.Condition = textCondition;
this.WebDataGrid1.Behaviors.Filtering.ColumnFilters.Add(columnFilter1);
this.WebDataGrid1.Behaviors.Filtering.ColumnFilters.Add(columnFilter2);
// 結果が表示される前に、フィルターを適用することが必要
this.WebDataGrid1.Behaviors.Filtering.ApplyFilter();

var grid = $find("WebDataGrid1");
// OrderDate 列の列フィルターを設定する
var columnFilter = grid.get_behaviors().get_filtering().create_columnFilter("OrderDate");
var condition = columnFilter.get_condition();
condition.set_rule($IG.DateTimeFilterRules.After);
condition.set_value("12/31/1996");
// CustomerID 列の列フィルターを設定する
var columnFilter2 = grid.get_behaviors().get_filtering().create_columnFilter("CustomerID");
var condition2 = columnFilter2.get_condition();
condition2.set_rule($IG.TextFilterRules.Equals);
condition2.set_value("ALFKI");
// 2 つのフィルターの配列を作成する
var columnFilters = new Array(columnFilter, columnFilter2);
// フィルターの配列を追加する
grid.get_behaviors().get_filtering().add_columnFilterRange(columnFilters);
// Apply filter を呼び出す
grid.get_behaviors().get_filtering().applyFilters();

// フィルタリング動作を作成する
this.WebDataGrid1.Behaviors.CreateBehavior<Filtering>();
// MonthCalendarProvider を作成し、WebDataGrid の EditorProviders に追加する
MonthCalendarProvider WebDataGrid1_MonthCalendarProvider1 = new MonthCalendarProvider();
WebDataGrid1_MonthCalendarProvider1.ID = "WebDataGrid1_MonthCalendarProvider1";
this.WebDataGrid1.EditorProviders.Add(WebDataGrid1_MonthCalendarProvider1);
// ColumnFilteringSetting を作成する
ColumnFilteringSetting settingColumn1 = new ColumnFilteringSetting();
// ColumnKey を設定する
settingColumn1.ColumnKey = "OrderDate";
// EditorID を設定する
settingColumn1.EditorID = WebDataGrid1_MonthCalendarProvider1.ID;
// 作成した ColumnSetting を追加する
this.WebDataGrid1.Behaviors.Filtering.ColumnSettings.Add(settingColumn1);

var grid = $find("<%=WebDataGrid1.ClientID %>");
var filtering = grid.get_behaviors().get_filtering();
grid.get_behaviors().get_filtering().clearColumnFilters();

WebDataGrid1.Behaviors.Filtering.ColumnFilters.Clear();
WebDataGrid1.Behaviors.Filtering.ApplyFilter();

<configuration>
    <configSections>
        <section name="infragistics.web" type="System.Configuration.SingleTagSectionHandler,System, Version=1.0.3300.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/>
    </configSections>
    <infragistics.web enableAppStyling="true" styleSetPath="~" styleSetName="MyStyle"/>

<infragistics.web enableAppStyling="true" styleSetPath="~ig_res/" styleSetName="Default"/>

<ig:Filtering FilteringCssClass="css-class1"
                          FilterButtonCssClass="css-class2">
</ig:Filtering>

<ig:Filtering FilterButtonCssClass="filter-button" >
<style type="text/css">
        .filter-button
        {
            background: url(/*使用する画像* /);
        }
</style>

<button tabIndex="-1" class="igg_MyStyleFilterButton filter-button" type="button">
      <img...../>
</button>

 .filter-button img
        {
            display: none;
        }

function WebDataGrid1_Grid_Initialize(sender, eventArgs) {
            var filtering = sender.get_behaviors().get_filtering();
            var filterRow = filtering._row;
            var cellCount = filterRow.get_cellCount();
            var i = 0;
            for (i = 0; i < cellCount; i++) {
                // その列に対して、フィルタリングが有効であるかどうかをチェックする
                if (filtering._row.get_cell(i).get_element().children[0] != null) {
                    var filterImage = filtering._row.get_cell(i).get_element().children[0];
                    filterImage.innerHTML += "Filter by";
                }
            }
        }

protected void _dg_DataFiltered(object sender, Infragistics.Web.UI.GridControls.FilteredEventArgs e)
    {
        // WebDataGrid DataSource を DataTable にキャストする
        DataTable dt = this._dg.DataSource as DataTable;
        // WebDataGrid ページングを無効にする
        _dg.Behaviors.Paging.Enabled = false;
        // DataTable の行カウントを取得し、ラベルに表示する
        label1.Text = "Total Rows in DataTable = " + dt.Rows.Count;
        // 表示されているWebDataGrid1 の行カウントを取得する
        label2.Text = "Total Rows in WebDataGrid = " + _dg.Rows.Count;
        // WebDataGrid ページングを有効にする
        _dg.Behaviors.Paging.Enabled = true;
    }