weiai/BootstrapBlazor
1
0
Fork 0
mirror of https://github.com/dotnetcore/BootstrapBlazor.git synced 2025-12-20 02:16:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(Checkbox): optimize OnBeforeStateChanged callback method (#4566)

Browse Source 
* refactor: 增加 data-bb-trigger-before 标签支持参数动态赋值

* refactor: 判断标签值进行 invoke 提高效率

* chore: bump version 8.11.1-beta02

* refactor: 更新关键字
This commit is contained in:
Argo Zhang
2024-10-28 15:15:47 +08:00
committed by GitHub
parent 18c485d478
commit 99090e3d6b
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/BootstrapBlazor/BootstrapBlazor.csproj
View File

@@ -1,7 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup>
<Version>8.11.1-beta01</Version>
<Version>8.11.1-beta02</Version>
</PropertyGroup>
<ItemGroup>

2
src/BootstrapBlazor/Components/Checkbox/Checkbox.razor
View File

@@ -20,7 +20,7 @@ else
@code {
RenderFragment RenderCheckbox =>
@<div @attributes="AdditionalAttributes" class="@ClassString">
<DynamicElement TagName="input" class="@InputClassString" type="checkbox" id="@Id" disabled="@Disabled" checked="@CheckedString" TriggerClick="TriggerClick" OnClick="OnToggleClick" StopPropagation="StopPropagation" />
<DynamicElement TagName="input" class="@InputClassString" type="checkbox" id="@Id" disabled="@Disabled" checked="@CheckedString" data-bb-trigger-before="@TriggerBeforeValueString" TriggerClick="TriggerClick" OnClick="OnToggleClick" StopPropagation="StopPropagation" />
@if (IsShowAfterLabel)
{
@RenderLabel

10
src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.cs
View File

@@ -100,6 +100,8 @@ public partial class Checkbox<TValue> : ValidateBase<TValue>
[Parameter]
public bool StopPropagation { get; set; }
private string? TriggerBeforeValueString => OnBeforeStateChanged == null ? null : "true";
/// <summary>
/// <inheritdoc/>
/// </summary>
@@ -155,13 +157,7 @@ public partial class Checkbox<TValue> : ValidateBase<TValue>
/// <inheritdoc/>
/// </summary>
/// <returns></returns>
protected override async Task InvokeInitAsync()
{
if (OnBeforeStateChanged != null)
{
await InvokeVoidAsync("init", Id, Interop, new { Callback = nameof(TriggerOnBeforeStateChanged) });
}
}
protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, new { Callback = nameof(TriggerOnBeforeStateChanged) });
/// <summary>
/// 触发 OnBeforeStateChanged 回调方法 由 JavaScript 调用

8
src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.js
View File

@@ -9,8 +9,12 @@ export function init(id, invoke, options) {
EventHandler.on(el, 'click', async e => {
e.preventDefault();
await invoke.invokeMethodAsync(options.callback);
})
const trigger = el.getAttribute("data-bb-trigger-before");
if (trigger === 'true') {
await invoke.invokeMethodAsync(options.callback);
}
});
}
export function dispose(id) {