использовать полевые события response-jsonschema-form - PullRequest
Новая
       13

использовать полевые события response-jsonschema-form

0 голосов
/ 06 ноября 2018

У меня есть простая схема для генерации формы. Я хочу выполнить некоторые действия с полями, когда наведется указатель мыши. но я не знаю, как я могу добавить мышь ко всем полям. Прочитав Documents , я обнаружил, что есть некоторые события для полей формы. - События размытия поля формы - Фокус поля событий Хотя для них нет никакого примера. Пожалуйста, помогите мне понять, где я могу установить указатель мыши на событие? Это моя схема: 

 "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;

как мне навести указатель мыши на все элементы? Я действительно ценю любую помощь, которую вы можете оказать.

1 Ответ

0 голосов
/ 06 ноября 2018

Может быть хакерским решением, но вы можете использовать Шаблон поля для определения пользовательских событий, как при наведении мыши. Если это работает, вам придется определить его один раз, а не повторять для каждого поля ввода

...