- 博客(9)
- 收藏
- 关注
RSS订阅原创 记录两个Braft Editor 与 Ant Design Form.Item 的兼容性问题
问题一：嵌套formItem 解决name与上传图片不兼容的问题。
2025-12-18 09:11:35
185
原创 使用react+antd Table+Echarts，完成表格（左）与多个横向进度条纵向排列（右）互相对应，包含进度值+目标值+增长比例
该代码实现了一个横向进度条组件(HorizontalprogressBar)及其父组件的集成。主要功能包括： 父组件处理后台数据，包含7个项的指标数据 使用Ant Design Table展示左侧表格数据，通过合并单元格实现项分组显示 子组件HorizontalprogressBar采用ECharts实现横向进度条图表，支持： 百分比进度展示(蓝色/绿色柱状图) 目标进度线(红色虚线) 右侧增长率显示(支持升降图标和颜色区分) 异常值特殊样式处理 组件间通过props传递数据源
2025-11-19 13:28:23
206
原创 解决在给antd tree某个节点重命名时，在输入框中快速输入中文，会把输入时的拼音显示在输入框中，而不是中文
本文实现了一个支持中文输入的文件树节点重命名功能。主要解决了中文输入时拼音被当作字母输出的问题，通过组合composition事件和防抖机制优化了编辑体验。关键技术点包括：1)使用onCompositionStart/End监听输入法状态；2)采用defaultValue而非value绑定输入框值；3)通过latestEditNameRef实时获取最新输入值；4)实现防抖机制延迟状态更新。同时提供了完整的编辑流程控制，包括开始编辑、保存编辑和取消编辑等功能，确保用户体验流畅。
2025-11-14 14:17:06
410
原创 react实现antd Table 内容区域第一行，为汇总且固定展示
1、在表头数据源中做逻辑处理，通过Table的sorter函数找到为’汇总‘的第一组数据，就return 0（不排序），反之就排序；2、rowClassName中，找到第一行且比名字相同，就添加相应样式。效果图实在没法贴，公司电脑 有水印。大致就是这样，有问题请留言，欢迎指证。
2024-06-28 16:29:00
700
原创 解决react antd Select下拉框滚动条只能滚轮滚动，不能拖动bug
解决react antd Select下拉框滚动条只能滚轮滚动，不能拖动bug
2024-01-17 11:39:26
1122
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人