onsubmit不用antd form
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 ......
使用的antd的pro-table时,遇到了两种引入方法---@ant-design/pro-components和@ant-design/pro-table的区别
两种方式,同时使用的时候,会报错 npm i @ant-design/pro-components 报错 ......
antd 使用不同的条件动态验证 Form.Item
假设我们有一个 InputNumber,当进行操作1时,我们允许用户输入负数值,然而在进行操作2时,我们需要用户输入正整数。 我会用到一个名为 createValidator 的函数来实现这个需求。同时,我还会使用 Form.Item 的 dependencies 属性来更新 lowerLimitT ......
vue3版本下element-plus和antd-vue选哪个更好一些?
Vue 3 发布后,各家第三方库开始陆续重构并支持 Vue 3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢? Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了,并不是他们自己 ......
2024-01-09 改变antd组件样式(:global)
使用:global关键字来改变antd组件的样式,如要改变antd的样式.ant-table-title, 请在.ant-table-title之前再包一层样式,然后在这层样式里面去改变antd的样式就不会影响到其它.ant-table-title: .tableBox { :global { .a ......
一键导出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 ......
Java利用fastjson解析复杂嵌套json字符串、json数组;json字符串转Java对象,json数组转list数组 首先要明白,以 { } 开头的是JSONObject,以 [ ] 开头的是JSONArray,如果本身就是json字符串的格式(即格式类型为String),那就不用转换,直接使用转换方法进行转换。
Java利用fastjson解析复杂嵌套json字符串、json数组;json字符串转Java对象,json数组转list数组 首先要明白,以 { } 开头的是JSONObject,以 [ ] 开头的是JSONArray,如果本身就是json字符串的格式(即格式类型为String),那就不用转换,直 ......
Ant Design pro Component 【Schema Form - JSON 表单】依赖与顺序加载问题
记一次项目中遇到的问题,及解决方法. 使用Ant Design pro Component 【Schema Form - JSON 表单】中碰到一个依赖更新 与 首次加载表单数据冲突的问题。 问题是这样的: 表单是通过json配置生成出来的,导入的数据是一次性导入的,但是表单中有配置规则,当依赖项更 ......
Koala Form控件使用分析
表头按钮“新增”如何修改? 平台使用vite进行管理 koala安装编译后后在.vite\deps目录位置如下 方法一、从源码修改 打开ui-element桥接插件node_modules.vite\deps@koala-form_element-plugin.js 找到 367 行 actions ......
Geek之快捷键探索(不用鼠标真的很酷啊!!!)
【文字要精简!精简!!精简!!!】 昨天今天凌晨摸索了快捷键设置 1.快速打开软件 像下面这样设置就可以快速打开常用的软件 2.页面切换、关闭 tab+alt快速双页面切换 长按alt再多次tab可以切换更多选择(感觉edge里一个页面就是一个程序,因为这里切换的时候是可以按页面切换的。 等等,难道 ......
电脑盲如何选购笔记本避免被坑?很简单,不用别人教你也能搞定
经常有人问伟哥,笔记本电脑该如何选购。其实很简单,一是看预算,二是到某东看预算范围内的热销电脑,闭眼选就是。笔记本现在也是消费品了,没那么多讲究。 当然,如果要显得你自己更加专业或更加有逼格一点,那,在笔记本选购中,要注意两点:CPU和硬盘。 硬盘很好说,现在这时代,一定是固态硬盘了,固态硬盘容量越 ......
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(() ......
使用Python库清理Docker不用的Volume
有一句老话叫:书到用时方恨少。 其实电脑的内存空间也是非常宝贵,特别是MacOS下的docker可以分配的空间更是寸土寸金。 在21年的时候我也遇到过类似的问题,当时的经历记录在这篇博客:https://www.cnblogs.com/freephp/p/14864570.html 然而在长时间的d ......
如何清理Docker不用的Volume
有一句老话叫:书到用时方恨少。 其实电脑的内存空间也是非常宝贵,特别是MacOS下的docker可以分配的空间更是寸土寸金。 在21年的时候我也遇到过类似的问题,当时的经历记录在这篇博客:https://www.cnblogs.com/freephp/p/14864570.html 然而在长时间的d ......
C指针的减法为什么不用除以类型大小
在 C 语言中,指针的减法操作实际上是计算两个指针之间的元素个数,而不是直接的字节偏移量。指针减法的结果的单位是指针类型所指对象的大小。对于 char 类型的指针,这个大小是1字节。 所以,表达式 result - haystack 的结果是两个指针之间相差的元素个数,而由于它们都是 char 类型 ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本:3.4.x antd-vue版本: 4.0.8 原因:是vue更新到3.4.x版本,某些api和antd-vue不兼容 解决方式:将vue版本锁定3.3.4 ......
通过浏览器中F12来查看form表单的提交时的请求网址
网页上的form应该是用js提交的,怎么找请求网址呢? 1.用chrome打开该网页,然后按 CTRL + SHIFT + J (或F12)打开chrome开发工具 2.从开发工具的菜单栏切换到 “网络”,然后点击页面上的表单提交按钮 3.这时在开发工具中,会产生可能不止一个请求。 4.选中上一步产 ......
创建属于自己的域名(免费注册申请永久的eu.org顶级域名),再也不用给博客域名续费了!
创建属于自己的域名(免费注册申请永久的eu.org顶级域名) Servers and domain names check......No error, storing for validation... IGNORED: you already have a pending request 202 ......
form检测
form = document.createElement('form') form.id = '__Zm9ybS5pZAo__' form.action = 'https://ucenter.miit.gov.cn/login.jsp' document.body.appendChild(form ......
使用antd Popover乱飘
开发时碰到Popover遮挡Modal弹窗,以及当Popover对应元素上方元素改变高度时,Popover位置没有随着元素移动。于是做了如下处理 <Popover content={<>11111111</>} arrowPointAtCenter autoAdjustOverflow zIndex ......
[Winform]在Form里显示模态对话框ModalDialog
在Form里显示模态Dialog 问题 如何在WinForm的一个Form里面弹出一个模态Dialog? 背景 程序的框架是Winform,只有一个窗口MainForm。MainForm里面是一个TabControl,每个TabPage是一个Form,每个TabPage的Form相互独立,互不干扰, ......
SSM 框架中 Form表单提交 通过request.getParameter("属性名") 获取的结果为null
今日换机器引入项目源码之后,项目中表单提交到后台,获取不到参数值 前台代码大致如下 <form action="/login" method="post" name="loginForm" id="loginForm"> <div style="width: 382px; height: 376px ......
不用写代码!UI自动化测试平台
UI自动化测试已经成为现代软件开发过程中不可或缺的一部分。它能够提供诸多优势,包括提高测试效率、减少人力成本、提升软件质量等。同时,可视化工具为UI自动化测试带来了更多便利和灵活性。然而,可视化工具也存在一些潜在的劣势。本文将探讨UI自动化测试的必要性以及可视化工具的优势和劣势。 一、UI自动化测试 ......
form
antd的`FormItem`中的`value`属性通常是与表单数据关联的。对于包含按钮和弹出modal的场景,你可能需要使用`getFieldDecorator`来将表单项与`value`关联起来,以便在表单提交时能够获取所选的值。 首先,确保你在`FormItem`中使用了`getFieldDe ......
Form窗体添加边框阴影效果
public partial class Form1 : Form { public Form1() { InitializeComponent(); } public bool DrawShadow { get; set; } = true; protected override CreatePa ......
使Form窗体允许被拖动
public partial class Form1 : Form { public Form1() { InitializeComponent(); } [DllImport("user32.dll")] public static extern bool ReleaseCapture(); [D ......