FluentUI Blazor 中 SelectColumn 组件的单选模式增强
在 FluentUI Blazor 组件库中,SelectColumn 组件是数据表格中用于行选择的重要功能组件。最近社区贡献者为该组件提出了一个非常有价值的增强功能,使得在单选模式下能够保持选中状态不被取消。
当前单选模式的行为
在现有的 FluentUI Blazor 实现中,当 SelectColumn 设置为 Single 选择模式时,用户点击已选中的行会导致该行被取消选中。这种行为在某些业务场景下可能不符合预期,特别是当用户需要确保始终有一个选项被选中时。
功能增强方案
社区贡献者提出了两种实现方案:
-
参数控制方案:通过新增 AllowSingleModeDeselect 布尔参数来控制是否允许在单选模式下取消选中,默认值为 true 以保持向后兼容。
-
新增模式方案:添加一个新的选择模式 SingleSticky,专门用于实现"粘性"单选行为,即选中后不能通过点击取消。
经过项目维护团队的讨论,最终选择了第二种方案,认为新增一个明确的模式比添加参数更为清晰和易于理解。
技术实现细节
实现这一功能的核心修改位于处理选择逻辑的 AddOrRemoveSelectedItemAsync 方法中。对于 SingleSticky 模式,当检测到用户点击已选中的项目时,直接返回而不执行取消选中操作。
if (SelectMode == DataGridSelectMode.SingleSticky &&
_selectedItems.Count == 1 &&
_selectedItems.Contains(item))
{
return; // 不执行取消选中操作
}
使用示例
开发者现在可以通过简单设置 SelectMode 属性来使用这一新功能:
<SelectColumn TGridItem="Product"
SelectMode="@DataGridSelectMode.SingleSticky"
SelectFromEntireRow="true" />
测试保障
为确保新功能的稳定性,所有原有的单选模式测试用例都被复制并适配到新的 SingleSticky 模式中,保证了功能的一致性和可靠性。
总结
这一增强为 FluentUI Blazor 的数据表格选择功能提供了更灵活的控制方式,特别适合那些需要确保始终有选项被选中的业务场景。通过新增明确的 SingleSticky 模式而非参数控制,API 设计保持了简洁性和一致性,体现了 FluentUI 团队对组件设计质量的重视。
对于开发者而言,这一改进意味着可以更轻松地实现常见的业务需求,而无需自行处理选择状态的维护逻辑,进一步提升了开发效率和代码质量。
kernelopenEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。C084
baihu-dataset异构数据集“白虎”正式开源——首批开放10w+条真实机器人动作数据,构建具身智能标准化训练基座。00
mindquantumMindQuantum is a general software library supporting the development of applications for quantum computation.Python056
PaddleOCR-VLPaddleOCR-VL 是一款顶尖且资源高效的文档解析专用模型。其核心组件为 PaddleOCR-VL-0.9B,这是一款精简却功能强大的视觉语言模型(VLM)。该模型融合了 NaViT 风格的动态分辨率视觉编码器与 ERNIE-4.5-0.3B 语言模型,可实现精准的元素识别。Python00
GLM-4.7GLM-4.7上线并开源。新版本面向Coding场景强化了编码能力、长程任务规划与工具协同,并在多项主流公开基准测试中取得开源模型中的领先表现。 目前,GLM-4.7已通过BigModel.cn提供API,并在z.ai全栈开发模式中上线Skills模块,支持多模态任务的统一规划与协作。Jinja00
agent-studioopenJiuwen agent-studio提供零码、低码可视化开发和工作流编排,模型、知识库、插件等各资源管理能力TSX0135
Spark-Formalizer-X1-7BSpark-Formalizer 是由科大讯飞团队开发的专用大型语言模型,专注于数学自动形式化任务。该模型擅长将自然语言数学问题转化为精确的 Lean4 形式化语句,在形式化语句生成方面达到了业界领先水平。Python00