mirror of
https://gitee.com/LongbowEnterprise/BootstrapBlazor.git
synced 2024-12-04 21:20:16 +08:00
!1662 feat(#I43BWZ): EditDialog support Inline layout
* doc: Table 编辑模板增加 inline 布局示例 * feat: EditDialog 增加行布局参数 * doc: SearchDialog 增加行布局示例 * feat: SearchDialog 支持行布局参数 * feat: DialogBase 增加行布局参数 * feat: EditForm 支持 inline 模式 * doc: 更新 Row inline 布局示例 * chore: 更新打包脚本与样式 * doc: 更新注释 * style: 适配 CheckboxList 组件 inline 布局 * style: 适配 inline 模式下 switch 组件 * style: 修复 inline 模式下垂直对齐问题 * feat: 增加 inline 模式 * feat: 增加 inline 样式
This commit is contained in:
parent
e6766ce550
commit
cb5eb42583
@ -20,7 +20,7 @@
|
||||
<TableColumn @bind-Field="@context.Complete" ComponentType="@typeof(Switch)" />
|
||||
</TableColumns>
|
||||
<EditTemplate>
|
||||
<div class="row g-3">
|
||||
<div class="row g-3 form-inline">
|
||||
<div class="col-12 col-sm-6">
|
||||
<BootstrapInput @bind-Value="@context.Name" placeholder="不可为空,50字以内" maxlength="50" />
|
||||
</div>
|
||||
|
@ -132,9 +132,15 @@ namespace BootstrapBlazor.Components
|
||||
await option.Dialog.CloseOrPopDialog();
|
||||
}
|
||||
}
|
||||
}))
|
||||
})),
|
||||
new(nameof(RowType), option.RowType)
|
||||
};
|
||||
|
||||
if (option.ItemsPerRow.HasValue)
|
||||
{
|
||||
parameters.Add(new(nameof(ItemsPerRow), option.ItemsPerRow));
|
||||
}
|
||||
|
||||
if (!string.IsNullOrEmpty(option.CloseButtonText))
|
||||
{
|
||||
parameters.Add(new(nameof(EditDialog<TModel>.CloseButtonText), option.CloseButtonText));
|
||||
|
@ -32,6 +32,16 @@ namespace BootstrapBlazor.Components
|
||||
/// </summary>
|
||||
public bool ShowLabel { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 获得/设置 每行显示组件数量 默认为 null
|
||||
/// </summary>
|
||||
public int? ItemsPerRow { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 获得/设置 设置行内组件布局格式 默认 Row 布局
|
||||
/// </summary>
|
||||
public RowType RowType { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 获得/设置 查询时是否显示正在加载中动画 默认为 false
|
||||
/// </summary>
|
||||
|
Loading…
Reference in New Issue
Block a user