文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

《不止于“开箱即用”：DevUI 表格与表单组件的高阶用法与避坑手册》

✅ 场景3：表格内编辑（Inline Edit）的优雅实现 痛点：点击单元格进入编辑态，如何管理状态、保存/取消、校验？...最佳实践： 使用 editable-row 模式（整行编辑）而非单元格级，减少状态碎片 结合 DForm 内嵌校验，复用表单验证逻辑 提供“批量保存”能力，减少 API 调用 <!...✅ 场景3：复杂嵌套对象表单（如网络配置、资源配额） 挑战：表单模型为多层嵌套对象（如 form.network.vpcId, form.quota.cpu），如何绑定与校验？...解决方案： 使用 field 支持路径写法：field="network.vpcId" 校验规则同样支持嵌套路径： rules: { 'network.vpcId': [{ required: true...） CPU 占用高 使用 Object.freeze() 冻结静态数据 表单提交后未重置校验状态 用户困惑 调用 formRef.value?.

14010

TDesign 更新周报（2022年8月第2周）

Bug FixesSelect:修复开启虚拟滚动配合自定义面板使用卡顿的问题修复使用 t-opiton 自定义选项无法动态筛选、配合远程搜索使用异常的问题ColorPicker: 优化组件样式Table...:可编辑行功能，提交校验时只校验了第一列可编辑单元格功能，abortEditOnEvent 中的事件无法触发onEdited列配置功能，带边框模式，移除分页组件边框下方多余的边框修复深色模式下垂直和水平方向滚动条交汇处出现白点的样式问题详情见...footer-summary 定义通栏表尾，同时支持同名属性 Props footer-summary 渲染通栏表尾支持使用 rowspanAndColspanInFooter 定义表尾行数据合并单元格...，使用方法同 rowspanAndColspan支持 min-width 透传到元素 新增 cellEmptyContent，当列数据为空时显示指定值可编辑行功能，新增实例方法 validate...，支持校验表格内的全部数据 Bug FixesMenu: 使用 relatedTarget 标准属性兼容浏览器差异，修复在火狐浏览器无法收起的问题ColorPicker: 优化组件样式Table:修复深色模式下垂直和水平方向滚动条交汇处出现白点的样式问题可编辑行功能

2.2K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    「企业架构」Zachman框架简介

    Zachman框架的规则 Zachman定义了7条使用框架的规则。 规则1：不要向框架添加行或列。 几千年的语言经验将确定这六种原始疑问句是谁、什么、何时、何地、为什么以及如何。...规则3：每个单元模型专门处理其列的泛型模型。 任何给定单元格的特定模型都必须根据行透视图的约束、语义、词汇表、术语和事实进行自定义。...因此，给定单元格的特定（元）模型将从通用的列模型开始，根据行的语义约束进行调整，然后可能进行扩展，以容纳所有相关概念，用于表示单元格行透视图的约束以及管理对单元格模型本身的更改。...企业中的人可能会说同一种语言，使用同一种语言，但可能无法有效地相互沟通。禁止对角线的结构原因是因为细胞关系是传递的。在逻辑上更改单元格可能会影响同一列中的上下单元格以及同一行中的每个其他单元格。...Zachman框架是如何使用的，在哪里使用的？ 在当今复杂的业务环境中，许多大型组织很难应对变化。

    1.9K30

    TDesign 更新周报（2022年7月第1周）

    默认值导致的无法设置的问题Drawer: 修复 header 默认值为 undefined 的问题Dialog: 修复 dialog 滚动失效问题Form: 修复 number 规则校验不生效的问题Table...InputNumber 时在使用 range 属性情况下传入 min 或 max 会导致手动输入显示 NaN 问题Select: 修复多选下换行提前占满一行的问题Select: 修复 input 高度...height 100% 导致换行高度异常的问题Pagination: 修复如果页面总数变更后当前页数不变的问题RangeInput: 修复 rangeinput 样式问题详情见：https://github.com...: 新增 indeterminateSelectedRowKeys ，用于控制选中行半选状态Table: 可编辑单元格，支持编辑组件联动Table: 树形结构行选中，支持中层节点半选状态Table: EnhancedTable...树形结构行选中，没有配置 tree，则当作普通表格行选中处理Table: 修复树形数据表格，选中子节点时，会导致父节点自动折叠问题Table: 修复合并单元格，动态数据显示异常问题、Table: 可编辑功能

    3.1K10

    OneCode基础组件介绍——表格组件(Grid)

    核心运行机制（1）元数据驱动渲染启动阶段：通过@GridAnnotation注解扫描实体类，结合 DSM 领域模型生成基础列配置动态加载：支持从数据库 / 配置中心加载扩展元数据（如列别名、校验规则），...实现 "模型 - 视图" 双向同步缓存策略：采用 LRU 算法缓存高频使用的表格配置，元数据变更时通过 EventBus 触发视图重建（2）事件响应体系交互事件：封装 18 种基础事件（cellClick...（3）性能优化技术虚拟滚动：仅渲染可见区域内的行（约 50 行），通过绝对定位模拟完整列表，内存占用降低 70%懒加载策略：首屏加载时仅请求当前页数据，滚动至底部自动触发后续分页加载增量渲染：数据变更时通过...添加注解后，OneCode解析器会自动关联当前环境并在运行时进行赋值。...单元格编辑单元格类型五、最佳实践：复杂表格场景实现案例：供应链订单管理表格需求：显示 30 + 字段，支持列自由拖拽排序金额列自动千位分隔，带红色警示（低于成本价）状态列支持下拉框编辑，关联 ERP 系统字典行级权限控制

    56710

    .NET 开箱即用的Excel工具包已发布

    功能 可设置列属性，包括样式，公式，注解； 可配置规则独立设置单元格样式； 可配置规则对Excel校验，包括数值校验和公式校验，内置Lambda表达式和正则表达式两个预设的校验器； 可扩展的接口封装和组件...， DateTime，int，double，bool 高级类型 使用高级类型导入时不光读取数据，还将读取单元格细节，导出至Excel时，将保留这些细节。...4、GenHeaderRow 指定是否生成表头行，默认为False 5、StyleMapperProvider 指定样式映射器类型 单元格样式 样式支持文字颜色、背景颜色、边框颜色、字体、字号、加粗、下划线...填充规则支持全局样式，列样式，以及根据样式映射器的规则填充单元格独立样式。...1、Target 指定样式映射的目标属性，可选Value单元格值或Formula单元格公式 2、Convention 指定规则，默认的规则有LambdaExpression和RegularExpression

    1.2K30

    一种成熟的MODBUS调试测试工具助手上位机软件(MThings) 免费中文

    点击立即下发后，程序立即发起数据写请求，并自动跟随一次数据读请求，如果数据写请求执行成功，单元格中数据即为下发写数据。预置数据操作是为了给批量写操作提前预置目标数据。...3.10 退出程序 用户关闭程序前，程序自动检查配置是否在使用过程中出现变更，并给出存储提示，所以请关注程序退出时弹出的提示信息，并给出正确选择。...进入配置态后，MThings强制显示所有配置数据，包括手动隐藏的配置行，且配置态中不允许隐藏任何配置信息。...如果没有选择任何数据配置行，MThings默认选择最后一行为新配置模板。 4.3 修改数据配置 修改数据是最重要的步骤，MThings提供多种自动关联动作和校验功能，辅助用户准确完成数据配置。...4.6 如何更高效 使用配置同步功能，编辑一台设备配置后，将当前配置同步给拥有相同点表的其它设备；借用已有数据配置模板添加新数据配置； 注意事项： 1、运行电脑的显示器分辨率：800*600或更高

    20.4K41

    个人永久性免费-Excel催化剂功能第60波-数据有效性验证增强版，补足Excel天生不足

    使用场景 数据有效性需可以一定程度上限制用户随意地输入内容，但其内容的保护性太脆弱，但用户使用复制粘贴，从别处引用内容过来时，就完成失效了，整个单元格的有效性变成从源单元格的设置。...添加数据验证 选择要添加数据验证的区域后，再点击【添加数据验证】按钮，不使用原生的数据验证添加按钮，改用此处的，然后再调用原生的数据验证功能设置。...同时强烈建议使用智能表格的方式来录入数据，智能表格是一个结构化的数据对象，程序轻松可识别某列内容的数据区域边界，就算增加了行也自动会识别出来自动扩展，甚至在初次选择设置有效性区域时，仅需选定某列的一个单元格即可...如复制过来的数据，不满足原有的数据有效性规则，将会以显著单元格背景色提示出来以供下一步验证修复。...因为Excel催化剂一贯的作风，从不造鸡肋无用的功能，在此隆重宣布，无论文件关闭后，文件在任何电脑重新打开，文件名变更、工作表名变更，统统原来设置过的规则仍然生效，前提只需打开文件的电脑有安装Excel

    72130

    秒杀Excel，6大升级功能让填报变得如此简单

    01 主数据校验 通常企业会要求业务人员在填报信息时，对于涉及到单位名称、项目名称等信息，使用标准名称。例如“财务部”需要写成“财务部”，不允许写成“财务”，“北京市”不能写成“北京”。...用户可以尝试使用按钮来新增或删除行：1）在报告中使用插入行/删除行的按钮，如下图1；2）在填报表格中使用插入行/删除行的按钮，如下图2。  ...最终，我们只要在填报表格上点击，就可以完成新增行或者删除行的操作。 05 给行式填报表添加多行表头 企业中常见的多行表头 表格就是工资表，如下图。如何实现类似下图这种多行表头的填报表格呢？...（2）从顶部菜单栏->更多->元数据模式，进入报告的元数据模式，并按住ctrl多选单元格，右键合并单元格。 （3）最后，双击表头单元格，输入字段名称。一个多表头工资表就做好了。...确定后，就可以达到上文例子中的效果啦！ 经过上文的了解，相信你一定对永洪的数据填报新功能有了认识。再来回顾一下，然后动手应用在填报系统中吧。 1. 主数据校验 2.

    1.8K20

    HBase集群安全加固实战：Kerberos认证与ACL权限控制深度解析

    接下来，我们将深入探讨如何在实际集群中集成和配置Kerberos。...这五种权限通过组合控制，实现了从表级别到单元格级别的精细化访问控制。 Read权限（R） 允许用户或组扫描表数据、获取特定行或列值。...在读取过程中，AccessController需解析每个单元格的ACL标签进行权限校验，这会增加CPU开销和延迟。...批量权限变更（如用户离职后权限回收）需要扫描大量数据单元格，操作耗时且容易影响在线服务。...许多第三方工具（如Hive、Spark SQL）在访问HBase时可能无法正确处理单元格ACL，导致权限绕过或查询失败。在实际部署中，需严格测试集成组件的兼容性，或通过网关代理强制权限校验。

    53110

    SpringBoot 项目优雅实现 Excel 导入导出功能

    Bean Validation 定义校验规则默认情况下框架使用 JSR-303 Bean Validation 规范定义的校验注解校验，需要手动引入 spring-boot-starter-validation...省略属性}ExcelValidator 接口定义校验规则Bean Validation 注解只能校验单个字段或对象，如果需要对所有的对象进行校验，可以实现框架定义的 ExcelValidator 接口，...，分别使用接口 ExcelValidObjectError 和 ExcelValidFieldError 接口定义行错误信息和单元格错误信息。...public class ExcelValidErrors {// 行错误信息或单元格错误信息列表 private final List errors...异常捕获接收校验结果开启校验后，如果校验结果中包含错误，会将错误信息封装到 ExcelValidException，并抛出异常，可以通过全局异常捕获的方式收集错误信息。

    1.4K10

    如何使用C#编写低代码应用插件

    因此，今天小编将以葡萄城的企业级低代码开发平台——活字格为例为的大家介绍如何使用C#编写一个低代码插件。 操作步骤 第1步：环境准备 开发活字格插件之前，需要下载并安装活字格设计器及集成开发环境。...支持前端JS代码热更新（不用重启活字格设计器，修改js文件后保存再刷新页面，即可应用最新变更）。 支持Cs代码热更新（编译插件工程后，不用重新安装插件，只需重启活字格设计器即可应用最新变更）。...编译成功后，打开活字格设计器，在单元格类型选择下拉列表中可以看到多了一个单元格类型“我的插件单元格”，第一个插件已经开发完成了。...= true)] public object MyFormulaProperty{ get; set; } 1.2使用公式属性 （1）单元格插件和命令插件的公式的计算是一样的。...属性校验是我们在定义属性的中一个不可获取的一环，比如必填，数据范围等。

    74430

    「企业架构」什么是Zachman框架？

    它是一种前瞻性的业务工具，可用于建模组织的现有功能、元素和流程——并帮助管理业务变更。该框架借鉴了Zachman在飞机和建筑等复杂产品如何管理变化方面的经验。...使用这六个基本问题(称为5WH)，框架可以将复杂的主题在列标题中分解为系统的类别。这些问题的答案将根据透视图或受众(以行表示)的不同而不同。...Zachman框架的规则 框架提供了一组与企业描述相关的描述性表示或模型。 Zachman框架中的每个单元格都必须与它上面和下面的单元格对齐。 每行中的所有单元格也必须彼此对齐。...每个单元格都是唯一的。 将单元格组合在一行中，形成了该视图中企业的完整描述。 集成UML、BPMN、ERD和Zachman框架 Zachman框架是帮助创建结构的本体，而不是提供转换过程的方法论。...根据Zachman框架提供的基本结构，组合后的应用程序可以产生可预测的、可重复的结果。下图展示了Zachman框架的本体结构以及UML、BPMN、ERD等图的组合使用。 ?

    1.6K30

    AI 图纸表格识别与智能文档协同处理技术介绍​

    ，通过计算网格线的交点坐标，确定单元格的行列位置，生成包含行索引、列索引的表格结构，再通过光学字符识别（OCR）技术提取每个单元格内的文本数据。​...当文档内容（如图纸修改、表格数据更新）发生变更时，系统自动创建新版本，记录版本号、修改人、修改时间及变更内容（如表格单元格数据修改前后对比）。​...在数据填充过程中，通过 OCR 技术识别原始表格中的数据格式（如数值格式、日期格式、百分比格式），并映射为 Excel 对应的单元格格式，确保导出后的数据格式与图纸完全一致，无需用户二次调整。​...数据导出时，将上述位置信息作为备注内容，添加到 Excel 表格的对应行或列中（如在表头行添加备注，或新增 “位置备注” 列）。...支持复杂计算逻辑配置，如根据 EBOM 中的 “理论重量” 与工艺损耗率，自动计算 MBOM 中的 “实际用量”；或根据零部件材质，匹配对应的加工车间与设备信息，规则配置后实时生效，无需代码开发，且规则配置结果存储于智能文档系统

    85310

    【全新改版升级】JimuReport 积木报表 v1.9.0 版本发布，填报和大屏

    ，Api支持相对路径在线填报，支持唯一校验在线填报，无token访问禁止使用"用户、角色、部门"等敏感控件在线填报，预览地址改成restful风格新增填报示例：SQL数据集填报、填报默认值回收站功能，新删除的报表不在最前面标题和字段...，鼠标放上去显示全文大数据导出报表失败时增加错误提示列表优化，点击左侧树可以显示子级的文件夹保存报表检查下有没有同行多个数据集，有的话提醒一下列表页面增加批量变更文件夹功能优化报表分享功能，用户可选是否要...· Issue #2971积木报表SQL数据集使用存储过程每次预览未关闭druid连接池 · Issue #2929单元格中使用concat函数做字符串连接时错误 · Issue #2969导出问题 ·...可上传任意文件 · Issue #2972设置动态合并格未合并正确 · Issue #2958字典字段渲染时，报错 · Issue #2974字体大小能否支持自定义 · Issue #2375在报表设计器中如何使用超大字号...· Issue #2945预览白屏 · Issue #2975外部的系统里导入积木报表的链接后打开会报错提示 · Issue #2981单元格计算后只计算第一行，后面的数值全部都是一样，没有根据前面的数据来计算

    1K10

    excelize v2.9.1正式上线！全方位升级，开拓Excel操作新天地

    v2.9.1版本于2025年5月13日正式发布，本次更新不仅修复了大量历史遗留Bug，还引入了众多实用新特性，尤其在图表、绘图、数据校验、性能优化等核心功能上实现了质的飞跃。...本文将为你详解excelize v2.9.1的所有重要更新内容，并结合使用场景剖析其背后精妙的设计理念，助你秒懂升级必备技能，玩转Excel自动化处理“更快、更稳、更强”。 一、升级必读！...v2.9.1版本「破坏性变更」盘点 本次版本有几个极为关键的改变，升级时务必注意以免引入兼容性风险： 1....• 公式计算全面优化，尤其是包含整列行引用的场景。 • 行迭代器速度提升约20%，同时减少了约10%的内存分配。 • 流写入器对空白单元格的内存分配减少，整体性能显著提升。...六、使用建议与升级指南 如何升级？

    56810

    如何使特定的数据高亮显示?

    如上图所示，我们需要把薪水超过20000的行，通过填充颜色突出显示出来。如何实现呢？还是要用到excel里的“条件格式”哦。...所以，在这里要提醒小伙伴们，如果想实现整行的突出显示，“突出显示单元格规则”是不适用的。“突出显示单元格规则”顾名思义，就是对符合规则的“单元格”进行设置，而不是对“数据行”进行设置。...其它excel内置的条件规则，也一样有这样的限制。 那么，要实现整行的条件规则设置，应该如何操作？既然excel内置的条件规则已经不够用了，下面就自己动手DIY新规则吧。...2.如何使特定数据行高亮显示？ 首先，选定要进行规则设置的数据范围：选定第一行数据行后，同时按住Ctrl+Shift+向下方向键，可快速选定所有数据行。...，单击【新建规则】命令项，如下图： 在弹出的【新建格式规则】窗口里，选择“使用公式确定要设置格式的单元格”。

    8.6K00

    🚀 突破性更新！JeecgBoot v3.8.1 震撼来袭 — 引领 AI 低代码开发新纪元！

    流程设计器无背景样式问题 ERP风格内嵌子表生成源代码，展开子表的会根据展开的次数进行创建销毁子表的组件 · Issue #7629 【3.7.2】JVxeTable的linkageConfig中接口请求的参数发生改变，如何触发...deepseek报错 · Issue #8164 ai应用使用ollama语言大模型报错 · Issue #8155 可编辑行不能获取最新编辑数据 · Issue #8075 不能支持分页位置自定义 ·...,如果传入的map中存在值为null时会导致异常出错，导出失败 · Issue #8230 autopoi使用模板导出时,如果在循环列后存在公式单元格,导出来后该单元格未空，公式没了 · Issue #8148...列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段 在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表） 页面校验自动生成(必须输入、数字校验、金额校验、时间空间等...，可记录数据每次变更内容，通过版本对比功能查看历史变化 平台UI强大，实现了移动自适应 平台首页风格，提供多种组合模式，支持自定义风格 提供简单易用的打印插件，支持谷歌、IE浏览器等各种浏览器 示例代码丰富

    72220

    MySQL迁移OpenGauss原理详解

    增量数据校验通过debezium监控源端数据库的数据变更记录 源端抽取服务按照一定的频率(时间+数量两个纬度)处理监听到的变更记录，对变更记录进行统计合并。将合并结果发送给数据Check服务。...Check服务会对上次校验结果与当前增量数据进行合并 根据合并之后的结果，Check服务发起增量数据抽取、校验、并将校验结果输出到指定路径文件规则过滤新增了表、行、列三种类别的过滤规则全量校验流程...xXHash目前有4种实现:XXH32、XXH64、XXH128、XXH3 性能最优的是XXH3.过滤规则分为三类，表过滤规则，行过滤规则，以及列过滤规则。...(3)列规则，即对指定表添加列字段过滤规则，只校验当前表的部分字段数据。(4)表和行过滤规则是根据正则表达式进行匹配，列过滤规则是根据表名进行匹配，过滤规则在抽取服务加载元数据信息时进行触发，并执行。...默克尔树节点比较默克尔树节点构建由于表记录数量不确定性(表可能100条记录，或者100万条记录)树最高不能超过15层，叶子节点不能超过32768个，那么100万记录如何校验?

    2.7K10

    OneCode表单架构设计：注解驱动与组件化的完美结合

    视图配置层核心类：CustomFormViewBean（表单视图配置）、FormLayoutProperties（布局属性）职责：定义表单整体结构、布局规则和交互行为关键特性：支持网格布局（行列设置、合并单元格...处理合并单元格逻辑 }}2....数据处理层核心能力：数据绑定：通过xpath属性建立组件与数据源的映射表单验证：基于注解的字段校验规则（待补充具体实现）事件响应：支持表单级事件（提交、重置）和组件级事件（值变更）动态计算：通过expression...FormLayoutProperties支持多种布局模式：网格布局：通过row/col属性定义表格结构流式布局：autoLayout=true时自动排列组件响应式设计：stretchH/stretchHeight控制拉伸行为合并单元格...复杂表单布局通过LayoutData实现不规则表单：跨行跨列的表单元素动态显示/隐藏的字段组嵌套子表单组件五、架构优势低代码开发：可视化配置替代70%重复编码一致性保证：统一的组件样式和交互行为灵活扩展

    22210
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券