DevExpress.Blazor项目定制DataGridToolbar工具栏

最新推荐文章于 2024-08-21 10:08:04 发布

原创

最新推荐文章于 2024-08-21 10:08:04 发布 · 348 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#状态模式 #c#

文章详细描述了如何在基于Blazor的前端项目中，使用DataGridToolbar.Razor组件实现一个可自定义的工具栏，包括添加、编辑、删除等操作，以及后端对权限和状态的管理。

前端DataGridToolbar.razor根据实现需要增加工具栏链接

@inherits DataGridToolbarBase

<DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Plain" ItemSizeMode="SizeMode.Small" CssClass="@CssClass">
<DxToolbarItem Text="Clear"
BeginGroup="true"
Click="@OnClearButtonClick"
IconCssClass="mdi mdi-18px mdi-minus-box-outline"
CssClass="font-bigger"
Vislble="@ClearButtonVisible"/>
<DxToolbarItem Text="New"
BeginGroup="true"
Click="@OnAddButtonClick"
IconCssClass="mdi mdi-18px mdi-file-outline"
Enabled="@(IsBusy == false && CanCreate)"
CssClass="font-bigger"
Visible="@(IsAddButtonVisible && AddButtonVisible && ReadOnly == false)"/>
<DxToolbarItem Text="Edit"
Click="@OnEditButtonClick"
IconCssClass="mdi mdi-18px mdi-file-edit-outline"
Enabled="@(IsBusy == false && SelectedCount == 1 && CanEdit)"
CssClass="font-bigger"
Visible="@(IsEditButtonVisible && EditButtonVisible && ReadOnly == false)"/>
<DxToolbarItem Text="Delete"
Click="@OnDeleteButtonClick"
IconCssClass="mdi mdi-18px mdi-delete-outline"
Enabled="@(IsBusy == false && SelectedCount >= 1 && IsPermanent == false && CanDelete)"
&nbs