0

我有一个简单的模式来生成表单。当鼠标悬停时,我想对字段执行一些操作。但我不知道如何将鼠标添加到所有字段。通过阅读文档,我发现表单字段有一些事件。- 表单域模糊事件 - 表单域焦点事件 虽然没有任何示例。请帮助我了解在哪里可以设置鼠标悬停事件?这是我的架构:

 "schema":
         {
            "type":"object",
            "properties":{
                "request": {
                    "type": "object",
                    "properties": {
                        "requester": {
                            "type": "string"
                        },
                        "requestDate": {
                            "type": "integer"
                        },
                        "detailList": {
                            "type": "array",
                            "items": {
                                "id": "urn:jsonschema:com:fanap:demo:entity:ItemRequestDetail",
                                "type": "object",
                                "properties": {
                                    "item": {
                                        "id": "urn:jsonschema:com:fanap:demo:entity:ItemClass",
                                        "type": "object",
                                        "properties": {
                                            "name": {
                                                "type": "string"
                                            }
                                        }
                                    },
                                    "requestedAmount": {
                                        "type": "number"
                                    }
                                }
                            }
                        },
                        "description": {
                            "type": "string"
                        },
                        "state": {
                            "id": "urn:jsonschema:com:fanap:demo:entity:CategoryElement",
                            "type": "object",
                            "properties": {
                                "name": {
                                    "type": "string"
                                }
                            }
                        },
                    }
                },
                "processResult": {
                    "type": "object",
                    "properties": {
                        "notificationMessage": { "type": "string" }
                    }
                }
            }
         }

这是我显示生成表单的组件:

class JsonFormWrapper extends React.Component<PropsT> {
render() {
    return (
        <React.Fragment>
            {this.props.jsonResponse ? (
                <Form
                    schema={this.props.jsonResponse.schema}
                    uiSchema={this.props.jsonResponse.uiSchema}
                />
            ) : null}
        </React.Fragment>
    );
  }
 }
 export default JsonFormWrapper;

如何为所有元素设置鼠标?我非常感谢您能提供的任何帮助。

4

1 回答 1

1

可能是一个 hacky 解决方案,但您可以使用字段模板来定义自定义事件,例如鼠标悬停。如果可行,您将必须定义一次,而不是为每个输入字段重复它

于 2018-11-06T12:14:28.153 回答