diff --git a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor index f36045cf5..3eb3aa5f1 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor +++ b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor @@ -23,19 +23,6 @@

@((MarkupString)Localizer["TreeViewsTips11"].Value)

@((MarkupString)Localizer["TreeViewsTips12"].Value)

- -
- @((MarkupString)Localizer["TreeViewVirtualizeDescription"].Value) -
-
- -
- - @@ -211,6 +198,19 @@ EnableKeyboard="true" ClickToggleNode="false" ClickToggleCheck="false" ShowCheckbox="true" /> + +
+ @((MarkupString)Localizer["TreeViewVirtualizeDescription"].Value) +
+
+ +
+ + diff --git a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor.cs index 2311d853c..0d974a689 100644 --- a/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor.cs +++ b/src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor.cs @@ -354,6 +354,14 @@ public sealed partial class TreeViews DefaultValue = "false" }, new() + { + Name = nameof(TreeView.IsVirtualize), + Description = "Virtualize", + Type = "bool", + ValueList = "true|false", + DefaultValue = "false" + }, + new() { Name = nameof(TreeView.CanExpandWhenDisabled), Description = "Whether to expand when the control node is disabled", diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json index e57fc1ba1..9cbafe4bb 100644 --- a/src/BootstrapBlazor.Server/Locales/en-US.json +++ b/src/BootstrapBlazor.Server/Locales/en-US.json @@ -709,7 +709,10 @@ "TreeViewMaxSelectedCountIntro": "Control the maximum number of selectable items by setting the MaxSelectedCount property, and handle the logic through the OnMaxSelectedCountExceed callback", "TreeViewMaxSelectedCountDesc": "When more than 2 nodes are selected, a Toast prompt bar will pop up", "TreeViewEnableKeyboardArrowUpDownTitle": "Keyboard", - "TreeViewEnableKeyboardArrowUpDownIntro": "Support keyboard up and down arrow operations by setting EnableKeyboardArrowUpDown=\"true\". ArrowLeft collapse the node, ArrowRight expand the node, ArrowUp move the node up, ArrowDown move the node down, Space select the node," + "TreeViewEnableKeyboardArrowUpDownIntro": "Support keyboard up and down arrow operations by setting EnableKeyboardArrowUpDown=\"true\". ArrowLeft collapse the node, ArrowRight expand the node, ArrowUp move the node up, ArrowDown move the node down, Space select the node,", + "TreeViewVirtualizeTitle": "Virtualize", + "TreeViewVirtualizeIntro": "Enable virtual scrolling by setting IsVirtualize=\"true\" to support big data", + "TreeViewVirtualizeDescription": "The component uses Virtualize to implement virtual scrolling logic, which reduces the pressure on the browser. However, if there is a lot of tree structure data, such as Select All, all data must be marked, resulting in large data in the memory. This problem has not been solved yet. Currently, this component still puts a lot of pressure on the CPU due to large data." }, "BootstrapBlazor.Server.Components.Samples.Trees": { "TreeIntro": "

Obsolete，The TreeView provides more functions", diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json index 39e87c67d..aa4d2da3f 100644 --- a/src/BootstrapBlazor.Server/Locales/zh-CN.json +++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json @@ -709,7 +709,10 @@ "TreeViewMaxSelectedCountIntro": "通过设置 MaxSelectedCount 属性控制最大可选数量，通过 OnMaxSelectedCountExceed 回调处理逻辑", "TreeViewMaxSelectedCountDesc": "选中节点超过 2 个时，弹出 Toast 提示栏", "TreeViewEnableKeyboardArrowUpDownTitle": "键盘支持", - "TreeViewEnableKeyboardArrowUpDownIntro": "通过设置 EnableKeyboardArrowUpDown=\"true\" 支持键盘上下箭头操作。左箭头 收起节点，右箭头 展开节点，上箭头 向上移动节点，下箭头 向下移动节点，空格 选中节点" + "TreeViewEnableKeyboardArrowUpDownIntro": "通过设置 EnableKeyboardArrowUpDown=\"true\" 支持键盘上下箭头操作。左箭头 收起节点，右箭头 展开节点，上箭头 向上移动节点，下箭头 向下移动节点，空格 选中节点", + "TreeViewVirtualizeTitle": "虚拟滚动", + "TreeViewVirtualizeIntro": "通过设置 IsVirtualize=\"true\" 开启虚拟滚动，支持大数据", + "TreeViewVirtualizeDescription": "组件内部使用 Virtualize 来实现虚拟滚动逻辑，对浏览器压力会减少很多；但是如果树状结构数据比较多，比如 全选 等操作必须对所有数据进行标记，导致内存中确实有大数据存在，目前还没有解决这个问题，目前此组件由于大数据对 CPU 压力还是比较大的" }, "BootstrapBlazor.Server.Components.Samples.Trees": { "TreeIntro": "

本组件已弃用，请使用新组件 TreeView 提供更多功能", diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj index e270dd0d1..2f9b6f8d9 100644 --- a/src/BootstrapBlazor/BootstrapBlazor.csproj +++ b/src/BootstrapBlazor/BootstrapBlazor.csproj @@ -1,7 +1,7 @@ - 9.0.0-rc.2.11.10.2 + 9.0.0-rc.2.11.11.0 diff --git a/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.js b/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.js index b55085c73..438c1b621 100644 --- a/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.js +++ b/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.js @@ -14,7 +14,9 @@ export function init(id, invoke, method) { } const state = el.getAttribute("data-bb-state"); + let val = null; if (state) { + val = state == "1" ? 0 : 1; el.removeAttribute('data-bb-state'); if (state === "1") { @@ -24,7 +26,7 @@ export function init(id, invoke, method) { el.parentElement.classList.add('is-checked'); } } - const result = await invoke.invokeMethodAsync(method, state == "1" ? 0 : 1); + const result = await invoke.invokeMethodAsync(method, val); if (result === false) { e.preventDefault(); }