Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor
Original file line number Diff line number Diff line change
Expand Up @@ -65,4 +65,12 @@
@bind-Value="@KeyText"></Textarea>
</DemoBlock>

<DemoBlock Title="@Localizer["TextAreaKeyEventTitle"]"
Introduction="@Localizer["TextAreaKeyEventIntro"]"
Name="KeyEvent">
<Textarea rows="4" OnEnterAsync="OnEnterAsync" OnEscAsync="OnEscAsync"
PlaceHolder="@Localizer["TextAreaKeyEventPlaceHolder"]"></Textarea>
<ConsoleLogger @ref="ConsoleLogger"></ConsoleLogger>
</DemoBlock>

<AttributeTable Items="@GetAttributes()" />
15 changes: 15 additions & 0 deletions src/BootstrapBlazor.Server/Components/Samples/TextAreas.razor.cs
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,21 @@ private void MockChat()
}
}

[NotNull]
private ConsoleLogger? ConsoleLogger { get; set; }

private Task OnEnterAsync(string val)
{
ConsoleLogger.Log($"Trigger Enter Key Event");
return Task.CompletedTask;
}

private Task OnEscAsync(string val)
{
ConsoleLogger.Log($"Trigger Esc Key Event");
return Task.CompletedTask;
}

/// <summary>
/// Dispose
/// </summary>
Expand Down
7 changes: 5 additions & 2 deletions src/BootstrapBlazor.Server/Locales/en-US.json
Original file line number Diff line number Diff line change
Expand Up @@ -3265,7 +3265,7 @@
"TextAreaBindWayBindValue": "The binding value",
"TextAreaReadOnlyTitle": "Readonly",
"TextAreaReadOnlyIntro": "When you set the <code>readonly</code> property, the component prohibits input",
"TextAreaHeightTitle": "height",
"TextAreaHeightTitle": "Height",
"TextAreaHeightIntro": "When you set the <code>rows</code> property, component initialization displays a fixed row height",
"TextAreaBindWayTitle": "Two-way binding",
"TextAreaBindWayIntro": "Binding variables within a component, data is automatically synchronized",
Expand All @@ -3284,7 +3284,10 @@
"TextAreaUseShiftEnterTitle": "Shift Enter",
"TextAreaUseShiftEnterIntro": "By setting <code>UseShiftEnter=\"true\"</code> you can start using <kbd>Shift</kbd> + <kbd>Enter</kbd> for line breaks, which is suitable for dialog applications.",
"TextAreaUseShiftEnterPlaceHolder": "Please enter some text, Enter sends Shift + Enter line break",
"TextAreaUseShiftEnter": "Whether to use Shift + Enter instead of the original Enter key behavior"
"TextAreaUseShiftEnter": "Whether to use Shift + Enter instead of the original Enter key behavior",
"TextAreaKeyEventTitle": "Enter/Esc KeyEvent",
"TextAreaKeyEventIntro": "Start the <kbd>Enter</kbd> <kbd>Esc</kbd> key callback event by setting <code>OnEnterAsync</code> <code>OnEscAsync</code>",
"TextAreaKeyEventPlaceHolder": "Press Enter/Esc key to trigger the event"
},
"BootstrapBlazor.Server.Components.Samples.Toggles": {
"TogglesOnText": "On",
Expand Down
5 changes: 4 additions & 1 deletion src/BootstrapBlazor.Server/Locales/zh-CN.json
Original file line number Diff line number Diff line change
Expand Up @@ -3284,7 +3284,10 @@
"TextAreaUseShiftEnterTitle": "Shift Enter",
"TextAreaUseShiftEnterIntro": "通过设置 <code>UseShiftEnter=\"true\"</code> 开始使用 <kbd>Shift</kbd> + <kbd>Enter</kbd> 进行换行操作,适用于对话框类应用",
"TextAreaUseShiftEnterPlaceHolder": "请输入一些文字,Enter 发送 Shift + Enter 换行",
"TextAreaUseShiftEnter": "是否使用 Shift + Enter 代替原回车按键行为"
"TextAreaUseShiftEnter": "是否使用 Shift + Enter 代替原回车按键行为",
"TextAreaKeyEventTitle": "Enter/Esc 按键事件",
"TextAreaKeyEventIntro": "通过设置 <code>OnEnterAsync</code> <code>OnEscAsync</code> 开始 <kbd>Enter</kbd> <kbd>Esc</kbd> 按键回调事件",
"TextAreaKeyEventPlaceHolder": "按下 Enter/Esc 键触发事件"
},
"BootstrapBlazor.Server.Components.Samples.Toggles": {
"TogglesOnText": "开启",
Expand Down
2 changes: 1 addition & 1 deletion src/BootstrapBlazor/Components/Textarea/Textarea.razor
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@namespace BootstrapBlazor.Components
@inherits BootstrapInputEventBase<string>
@attribute [BootstrapModuleAutoLoader]
@attribute [BootstrapModuleAutoLoader(JSObjectReference = true)]

@if (IsShowLabel)
{
Expand Down