form表单antd
2024-01-13 antd的tabel组件业务问题之勾选了table中的一项,然后弹出弹窗,接着关闭弹窗,刷新table,但是table选中的一项还是显示被勾选中的状态 ==》你没有改变所选中的数据(selectedRowKeys)
如图: 问题:table显示的勾选状态的数据无法被改变。 原因:你没有改变到勾选数据,你只是在勾选时把选中的值赋值给了一个变量,然后以为自己清空了变量,以为自然而然地就取消勾选状态了,实际上就是你代码没写全! 解决方案: 原来写法: rowSelection: { onChange: handleC ......
antd中columns中配置的操作,如何,调用函数组件中的方法
不拆分的情况下 把columns配置,写在函数组件内部。 把相关的操作,也全部写在函数组件内部。 拆分的话 1.columns的render函数中,有个actionref,可以传递dom实例上的操作方法。 2.其他方法,可以使用hooks方法进行传递。 useColumns.tsx export c ......
可拖拽表单比传统表单好在哪里?
随着行业的进步和发展,可拖拽表单的应用价值越来越高,在推动企业实现流程化办公和数字化转型的过程中发挥了重要价值和作用,是提质增效的办公利器,也是众多行业客户朋友理想的合作伙伴。那么,可拖拽表单的优势特点表单在哪里?通过这篇文章,我们一起了解相关详情。 跟传统的表单制作相比,可拖拽表单的优势特点非常多 ......
antd-pro 使用经验
antd-pro中的很多组件,都是对antd组件的封装 所以,很多属性配置,都可以通用的! 先说antd-pro-table遇到的问题 1.请求的时候,搜索和分页相关的参数,都会拼接到url上,这显然不好 2.使用table的,scroll属性配置,配置pro-table。可以实现pro-table ......
界面控件DevExpress VCL v23.2——复杂表单的性能增强
DevExpress VCL Controls所包含的控件有:数据录入、图表、数据分析、导航、布局等。该控件能帮助您创建优异的用户体验,提供高影响力的业务解决方案,并利用您现有的VCL技能为未来构建下一代应用程序。 获取DevExpress VCLv23.2正式版下载 DevExpress技术交流群 ......
使用的antd的pro-table时,遇到了两种引入方法---@ant-design/pro-components和@ant-design/pro-table的区别
两种方式,同时使用的时候,会报错 npm i @ant-design/pro-components 报错 ......
袋鼠云数栈UI5.0设计实战|B端表单这样设计,不仅美观还提效
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:大喜 相关文章:袋鼠云出品!数栈UI 5.0全新体验升级,设计背后的故事 前言 表单是B端产品中最常见的组件之一,主要⽤于数据收集、校验和提交。比如登陆流程的 ......
JavaScript函数表单验证:保证用户输入的有效性
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
antd 使用不同的条件动态验证 Form.Item
假设我们有一个 InputNumber,当进行操作1时,我们允许用户输入负数值,然而在进行操作2时,我们需要用户输入正整数。 我会用到一个名为 createValidator 的函数来实现这个需求。同时,我还会使用 Form.Item 的 dependencies 属性来更新 lowerLimitT ......
Element Ui 的表单验证
一、简介 二、过程 三、问题 一、简介 element ui基于 Vue 3,面向设计师和开发者的组件库,很好用 本文介绍有关表单验证的相关的内容。 参考至: 去看看 二、过程 1.使用 1.1 在form 里面加上rule <el-form ref="loginForm" :model="logi ......
表单引擎设计的一些思考
概要 用户故事:作为开发平台的使用者,我希望开发平台提供一款拖拽式的表单设计引擎,支持图形化设计,表单动态渲染,列表页面动态展示,业务数据动态处理的功能,以便帮助团队可以零代码开发业务表单。 表单引擎主要包括4个功能模块,表单设计器、表单解析器、协议管理、数据存储,其中表单设计器与解析器为前端模块, ......
vue3版本下element-plus和antd-vue选哪个更好一些?
Vue 3 发布后,各家第三方库开始陆续重构并支持 Vue 3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢? Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了,并不是他们自己 ......
如何在Vue中实现表单验证
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
2024-01-09 改变antd组件样式(:global)
使用:global关键字来改变antd组件的样式,如要改变antd的样式.ant-table-title, 请在.ant-table-title之前再包一层样式,然后在这层样式里面去改变antd的样式就不会影响到其它.ant-table-title: .tableBox { :global { .a ......
如何使用Vue实现动态表单
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
使用JavaScript函数实现表单验证和数据提交
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
一键导出antD dable(简单)
所需依赖: antdv $ npm install ant-design-vue@4.x --save ExcelJS $ npm install exceljs --save file-saver $ npm install file-saver --save demo.vue: <templat ......
开源拖拽表单设计器好用吗?
很多客户朋友会对开源拖拽表单设计器产生浓厚兴趣,因为不知道它是怎么用的,好不好用,所以经常会有粉丝朋友询问我们关于开源拖拽表单设计器的功能、作用以及优势特点。在现代化职场办公中,传统的表单制作存在一定的缺点和遗憾,不能满足业务量大的办公需求,此时应用专业的开源拖拽表单设计器可以大大提升办公效率,实现 ......
Ant Design pro Component 【Schema Form - JSON 表单】依赖与顺序加载问题
记一次项目中遇到的问题,及解决方法. 使用Ant Design pro Component 【Schema Form - JSON 表单】中碰到一个依赖更新 与 首次加载表单数据冲突的问题。 问题是这样的: 表单是通过json配置生成出来的,导入的数据是一次性导入的,但是表单中有配置规则,当依赖项更 ......
Vue2入门之超详细教程十五-收集表单数据
Vue2入门之超详细教程十五-收集表单数据 1、简介 收集表单数据 若:,则v-model收集的是value值,用户输入的就是value值。 若:,则v-model收集的是value值,且要给标签配置value值。 若: 1.没有配置input的value属性,name收集的就是checked(勾选 ......
Koala Form控件使用分析
表头按钮“新增”如何修改? 平台使用vite进行管理 koala安装编译后后在.vite\deps目录位置如下 方法一、从源码修改 打开ui-element桥接插件node_modules.vite\deps@koala-form_element-plugin.js 找到 367 行 actions ......
开源可视化表单优点多,靠它进入流程化办公!
最近有很多粉丝在询问开源可视化表单。众所周知,现在流程化办公和数字化转型已经成为发展潮流了,如果还采用传统的表格制作,显然已经满足不了业务量越来越多的办公需求了。开源可视化表单优点多,进入高效优质的流程化办公,可以进一步了解开源可视化表单相关知识要点。 其实,传统的表单制作工具缺点越来越多,也越来越 ......
halo2.11如何自定义表单数据
halo是一个非常强大的框架,可以制作个人博客,也可以制作企业官网 有时候需要定义自己的数据,一个比较常见的场景是首页轮播图,图片可以在后台设置, 因为不确定具体有多少张图片需要轮播,所以需要定义成一个数组, 可以使用halo中的formkit,其中 repeater 代表定义数组, 一. 首先需要 ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题,这里就简单记录一下过程。话不多说直接上代码!!! 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意:} $)待解决问题 (1)高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) (2)使用ReactDOM.createRoot实例化项目,在结合 ......
form-create 是一个可以通过 JSON 生成具有动态渲染
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 实例地址:http://form-create.com/v2/guide/ ......
Warning: [antd: Modal] Static function can not consume context like dynamic theme. Please use 'App' component instead.
react 的model.confirm报错,它意味着你在使用动态主题(Dynamic Theme)时不能在静态函数中使用上下文,需要使用contextHolder const [modal, contextHolder] = Modal.useModal(); React.useEffect(() ......
可拖拽表单设计器好用吗?有什么特点?
把可拖拽表单设计器用在职场办公中,可以助力提高办公效率吗?答案是肯定的。随着业务量的上涨,很多企业传统的表单制作工具已经无法胜任当前的工作量了,提质增效的现代化拖拽式表单设计器可以提高办公协作率,成为助力实现流程化办公的得力助手。 其实,想要实现流程化办公已经成为很多企业的发展目标了。拖拽表单设计器 ......