作成日: 2019/10/23 最終更新日: 2019/10/23
文書種別
使用方法
詳細
2019J v2より、サーバー側のValueFilterでDataMapプロパティが使用可能になりました。
下記のコードは、ID列のフィルタリングの項目をカスタマイズし、フィルタリングのリストとしてCountry列の値を表示する場合の例です。
◎サンプルコード(View)
下記のコードは、ID列のフィルタリングの項目をカスタマイズし、フィルタリングのリストとしてCountry列の値を表示する場合の例です。
◎サンプルコード(View)
@(Html.C1().FlexGrid()
.Id("filteringGrid")
.AutoGenerateColumns(false)
.Bind(Model)
.PageSize(25)
.IsReadOnly(true)
.Columns(columns =>
{
columns.Add(column => column.Binding("ID"));
columns.Add(column => column.Binding("Start"));
columns.Add(column => column.Binding("End").Format("t"));
columns.Add(column => column.Binding("Country"));
columns.Add(column => column.Binding("Product"));
columns.Add(column => column.Binding("Color"));
columns.Add(column => column.Binding("Amount").Format("c"));
columns.Add(column => column.Binding("Amount2").Format("c"));
columns.Add(column => column.Binding("Discount").Format("p0"));
columns.Add(column => column.Binding("Active"));
})
.SelectionMode(SelectionMode.Row)
.AllowSorting(true)
.Filterable(f => f.ColumnFilters(cfsb =>
{
cfsb.Add(cfb => cfb.Column("ID").FilterType(FilterType.Value).ValueFilter(vfb =>
{
// ValueFilterのDataMapプロパティを設定
vfb.DataMap(dm => dm.DisplayMemberPath("Country")
.SelectedValuePath("ID")
.Bind(Model));
}));
})
)
.CssClass("grid")
)
.Id("filteringGrid")
.AutoGenerateColumns(false)
.Bind(Model)
.PageSize(25)
.IsReadOnly(true)
.Columns(columns =>
{
columns.Add(column => column.Binding("ID"));
columns.Add(column => column.Binding("Start"));
columns.Add(column => column.Binding("End").Format("t"));
columns.Add(column => column.Binding("Country"));
columns.Add(column => column.Binding("Product"));
columns.Add(column => column.Binding("Color"));
columns.Add(column => column.Binding("Amount").Format("c"));
columns.Add(column => column.Binding("Amount2").Format("c"));
columns.Add(column => column.Binding("Discount").Format("p0"));
columns.Add(column => column.Binding("Active"));
})
.SelectionMode(SelectionMode.Row)
.AllowSorting(true)
.Filterable(f => f.ColumnFilters(cfsb =>
{
cfsb.Add(cfb => cfb.Column("ID").FilterType(FilterType.Value).ValueFilter(vfb =>
{
// ValueFilterのDataMapプロパティを設定
vfb.DataMap(dm => dm.DisplayMemberPath("Country")
.SelectedValuePath("ID")
.Bind(Model));
}));
})
)
.CssClass("grid")
)
旧文書番号
84575