前端项目实战175-ant design form清空表单 原创 前端歌谣 2022-12-03 06:40:00 ©著作权 文章标签 表单 文章分类 Java 编程语言 ©著作权归作者所有:来自51CTO博客作者前端歌谣的原创作品,请联系作者获取转载授权,否则将追究法律责任 form清空表单const handleClear = (index: any) => { form.setFieldsValue({ [`overlayLength-${index}`]: null, [`layers-${index}`]: null, [`colorId-${index}`]: null, [`batchCode-${index}`]: null, [`clothLength-${index}`]: null, }) } 赞 收藏 评论 分享 举报 上一篇:前端项目实战176-栅格顺序 下一篇:前端项目实战174-修改移除tab的逻辑 提问和评论都可以,用心的回复会被更多人看到 评论 发布评论 全部评论 () 最热 最新 相关文章 前端项目实战10-ant design 4.0 form回显 const [form] = Form.useForm() form.setFieldsValue({ customerCode: data.customerCode, orderCode: data.orderCode, count: data.count }) 其它 ant design form表单的时间处理 ant design form表单的时间处理方案 ant design 时间 前端项目实战61-ant design中不同form绑定不同的值 const [form] = Form.useForm(); const [formKuan] = Form.useForm(); const [formAll] = Form.useForm(); 其它 前端项目实战165-ant design table rowSelection属性 其它 前端项目实战224-ant design 5提示 Toast.show({ icon: 'success', content: '删除成功', }) javascript 前端 数据结构 前端项目实战111-ant design table数据合并 render: (value, record, index) => { // 处理列,相同数据则合并 // 处理rowSpan const obj = { children: value, props: { rowSpan: 1 }, }; // 当检索到相同数据则返回 那条数据 let arr = 数据 前端项目实战135-ant design上传样式设置 <Dragger > <p className="ant-upload-drag-icon"> <UploadOutlined /> </p> 拖拽 ico 前端项目实战225-ant design 5确认框 Dialog.confirm({ content: '是否确定删除', onConfirm: async () => { const response = await paveClothDeleteByIds({ ids: ids }) if (response.code == 200) { Toa javascript 开发语言 前端 前端项目实战234-ant design table总结栏 summary={(data) => { let totalCount = 0; data.forEach((item: any) => { if (item.styleId == getStyle) { totalCount += parseInt(item.count); } }); retur javascript 前端 数据结构 前端项目实战231-ant design 5.0返回页面 <NavBar back="返回" onBack={back}> 菜单界面 </NavBar> 前端 前端项目实战232-ant design 5.0 button最大 <Button block color="primary" size="large" onClick={() => handleEdit(item.id, item.billId)} > 编辑 </Button> javascript 开发语言 前端 前端项目实战13-ant design 侧边栏优化 第一步 const items2: MenuProps['items'] = [UserOutlined, LaptopOutlined, NotificationOutlined].map( (icon, index) => { const key = String(index + 1); ret ico ide 官网 ant design pro 表单 1.Input Enter事件 2.表单默认值(读取后台数据) initialValue:info.phone?info.phone:”, 必须使用initialValue来动态赋值 3.表单时间 使用validateFieldsAndScroll()获取表单数据后joinTime:moment() ant-design 表单 数据 ide 正则表达式 前端项目实战109-ant design onRow的属性控制 设置页面的样式 onRow={ (record)=>{ return { onClick:()=>{ holidayIdRef.current = record.id setHolidayId(holidayIdRef.current); loadDetailList(record.id) }, o 属性设置 前端项目实战181-ant design table实现横向排布 <Table dataSource={projectData} pagination={false} bordered> {projectColumns&&projectColumns. map((item: any,index:number) => ( <Table.Column title={i Source Data 前端项目实战190-ant design table设置默认分页 pagination={{ pageSizeOptions: ['5', '10', '20', '50'], ...pagination, total: page.dataTotal, showTotal: () => { return '共 ' + page.dataTotal + ' 条记录' 其它 前端项目实战199-ant design tab 4.2.3之前用法 <Tabs> <Tabs.TabPane tab="项目 1" key="item-1"> 内容 1 </Tabs.TabPane> <Tabs.TabPane tab="项目 2" key="item-2"> 内容 2 </Tabs.TabPane> </Tabs>; 开发 前端项目实战223-ant design国际化配置 import { ConfigProvider } from "antd"; import zh_CN from "antd/lib/locale-provider/zh_CN"; ReactDOM.render( <ConfigProvider locale={zh_CN}> <App/> </C javascript 开发语言 前端 ide App 前端项目实战226-ant design 5.0加入形参 {codeList && codeList.map((item: any, index) => ( <div key={index} className='rablist_list'> <div className='rablist_title'>{item.materialCode}({item. html javascript 前端 List