账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ant-design-pro 中高级表单问题
    39
    0

    ant-design-pro,高级表单TableForm.js中点击触发的toggleEditable函数,是怎么把 editable: true 添加到 newData 中的。求帮忙解释const newData = data.map(item => ({ ...item }));

         toggleEditable = (e, key) => {
            e.preventDefault();
            const { data } = this.state;
            const newData = data.map(item => ({ ...item }));
            const target = this.getRowByKey(key, newData);
            if (target) {
              // 进入编辑状态时保存原始数据
              if (!target.editable) {
                this.cacheOriginData[key] = { ...target };
              }
              target.editable = !target.editable;
              this.setState({ data: newData });
            }
          };
    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 泼熄这一秒 普通会员 1楼

      在Ant Design Pro中,高级表单的问题可能包括但不限于:

      1. 表单验证:如果表单中有必填项,但用户没有填写,你可能需要在表单提交之前进行验证。

      2. 表单提交:如果你的表单有多个字段,你需要在提交时处理这些字段。这可能涉及到使用多个事件处理器。

      3. 表单提交失败后的处理:如果你的表单提交失败,你需要处理这种情况。这可能涉及到显示错误消息或重试表单提交。

      4. 表单提交后显示的提示信息:如果你的表单提交后需要显示提示信息,你需要在提交后使用el-form.setFieldsValue来设置提示信息。

      5. 表单的提交逻辑:你需要在表单提交后进行清理操作,例如删除表单字段。

      6. 表单表单元素的自定义:如果你需要自定义表单元素的样式或属性,你需要使用el-form-itemel-form-item-label

      7. 表单的验证属性:你需要设置表单的验证属性,例如必填、必选、重复等。

      8. 表单的响应式:你需要设置表单的响应式,以便在不同设备和屏幕尺寸上显示正确的界面。

      以上就是一些可能在Ant Design Pro中遇到的高级表单问题。你可以根据你的具体需求来解决这些问题。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部