private void RenderGroupingFooterPart(GridRendererContext rendererContext)
{
rendererContext.OpenElement(HtmlTagNames.Div, rendererContext.CssClasses.FooterCssClasses.GroupingPartWrapper);
rendererContext.OpenElement(HtmlTagNames.Select, "group-select");
rendererContext.AddAttribute(HtmlAttributes.Id, GroupingSelectId);
rendererContext.AddAttribute(HtmlJsEvents.OnChange,
EventCallback.Factory.Create(this, async(ChangeEventArgs e) =>
{
rendererContext.TableDataSet.GroupingOptions.SetGroupedProperty(BindConverterExtensions.ConvertTo(e.Value, string.Empty));
await rendererContext.TableDataSet.GoToPage(0);
rendererContext.RequestRerenderNotification?.Invoke();
})
);
if (!rendererContext.TableDataSet.GroupingOptions.IsGroupingActive)
{
rendererContext.OpenElement(HtmlTagNames.Option);
rendererContext.AddAttribute(HtmlAttributes.Disabled, true);
rendererContext.AddContent(GroupByPlaceholder);
rendererContext.CloseElement();
}
foreach (var groupableProperty in rendererContext.TableDataSet.GroupingOptions.GroupableProperties)
{
rendererContext.OpenElement(HtmlTagNames.Option);
if (groupableProperty == rendererContext.TableDataSet.GroupingOptions.GroupedProperty)
{
rendererContext.AddAttribute(HtmlAttributes.Selected, true);
}
rendererContext.AddAttribute(HtmlAttributes.Value, groupableProperty.Name);
rendererContext.AddContent(rendererContext.GetColumnCaption(groupableProperty.Name) ?? groupableProperty.Name);
rendererContext.CloseElement();
}
rendererContext.CloseElement();
rendererContext.CloseElement();
if (rendererContext.TableDataSet.GroupingOptions.IsGroupingActive)
{
rendererContext.OpenElement(HtmlTagNames.Button, "action-button");
rendererContext.AddOnClickEvent(
EventCallback.Factory.Create(this, (MouseEventArgs e) =>
{
rendererContext.TableDataSet.GroupingOptions.DeactivateGrouping();
rendererContext.RequestRerenderNotification?.Invoke();
})
);
rendererContext.OpenElement(HtmlTagNames.Span, "action-button-span");
rendererContext.OpenElement(HtmlTagNames.I, "fas fa-times");
rendererContext.CloseElement();
rendererContext.CloseElement();
rendererContext.CloseElement();
}
}
private void RenderGroupingFooterPart(GridRendererContext rendererContext)
{
rendererContext.OpenElement(HtmlTagNames.Div, rendererContext.CssClasses.FooterCssClasses.GroupingPartWrapper);
rendererContext.OpenElement(HtmlTagNames.Select, "group-select");
rendererContext.AddAttribute(HtmlAttributes.Id, GroupingSelectId);
rendererContext.AddOnChangeEvent(() =>
BindMethods.GetEventHandlerValue(async(UIChangeEventArgs e) =>
{
rendererContext.TableDataSet.GroupingOptions.SetGroupedProperty(e.Value.ToString());
await rendererContext.TableDataSet.GoToPage(0);
rendererContext.RequestRerenderNotification?.Invoke();
})
);
if (!rendererContext.TableDataSet.GroupingOptions.IsGroupingActive)
{
rendererContext.OpenElement(HtmlTagNames.Option);
rendererContext.AddAttribute(HtmlAttributes.Disabled, true);
rendererContext.AddContent(GroupByPlaceholder);
rendererContext.CloseElement();
}
foreach (var groupableProperty in rendererContext.TableDataSet.GroupingOptions.GroupableProperties)
{
rendererContext.OpenElement(HtmlTagNames.Option);
if (groupableProperty == rendererContext.TableDataSet.GroupingOptions.GroupedProperty)
{
rendererContext.AddAttribute(HtmlAttributes.Selected, true);
}
rendererContext.AddAttribute(HtmlAttributes.Value, groupableProperty.Name);
rendererContext.AddContent(rendererContext.GetColumnCaption(groupableProperty.Name) ?? groupableProperty.Name);
rendererContext.CloseElement();
}
rendererContext.CloseElement();
rendererContext.CloseElement();
if (rendererContext.TableDataSet.GroupingOptions.IsGroupingActive)
{
rendererContext.OpenElement(HtmlTagNames.Button, "action-button");
rendererContext.AddOnClickEvent(() =>
BindMethods.GetEventHandlerValue((UIMouseEventArgs e) =>
{
rendererContext.TableDataSet.GroupingOptions.DeactivateGrouping();
rendererContext.RequestRerenderNotification?.Invoke();
})
);
rendererContext.OpenElement(HtmlTagNames.Span, "action-button-span");
rendererContext.OpenElement(HtmlTagNames.I, "fas fa-times");
rendererContext.CloseElement();
rendererContext.CloseElement();
rendererContext.CloseElement();
}
}
