Как указать раскрывающийся список при нажатии клавиши TAB, используя схему JSON в ReactionJs? - PullRequest
Новая
       298

Как указать раскрывающийся список при нажатии клавиши TAB, используя схему JSON в ReactionJs?

1 голос
/ 19 июня 2019

Я создал элементы формы, используя схему JSON в ReactionJs.Я не могу сфокусировать элемент управления в раскрывающемся поле, вместо этого он переходит к следующему полю. 

      export default {
 title: 'Create User',
 schema: {
type: 'object',
required: [
  'FirstName',
  'MobileCode',
  'Status',
],
properties: {
  FirstName: {
    title: 'First Name',
    type: 'string',
    minLength: 3,
    maxLength: 30,
  },
  LastName: {
    title: 'Last Name',
    type: 'string',
    minLength: 1,
    maxLength: 30,
  },
  LoginID: {
    title: 'Login ID',
    type: 'string',
    minLength: 3,
    maxLength: 50,
  },
  MobileCode: {
    title: 'Code',
    type: 'number',
    enum: [91, 1, 33, 49],
    enumNames: ['+ 91', '+ 1', '+ 33', '+ 49'],
  },
  MobileNumber: {
    title: 'Mobile Number',
    type: 'number',
    minLength: 6,
    maxLength: 16,
  },

  EmailID: {
    title: 'Email ID',
    type: 'string',
    minLength: 5,
    maxLength: 50,
  },
},
}, 
formData: {
Products: [],
},
 uiSchema: {
 'ui:order': [
  'FirstName',
  'LastName',
  'LoginID',
  'MobileCode',
  'MobileNumber',
  'EmailID',
  '*',
 ],
 FirstName: {
  'ui:widget': 'CustomTextWidget',
  classNames: 'customwidth_23',
  'ui:options': {
    type: 'text',
    placeholder: 'First Name',
  },
  },
  LastName: {
  'ui:widget': 'CustomTextWidget',
  classNames: 'customwidth_23',
  'ui:options': {
    type: 'text',
    placeholder: 'Last Name',
   },
  },
  LoginID: {
  'ui:widget': 'CustomTextWidget',
  'ui:options': {
    type: 'text',
    placeholder: 'e.g. test@test',
   },
   },
  MobileNumber: {
  'ui:widget': 'CustomTextWidget',
  classNames: 'customwidth_33',
  'ui:options': {
    type: 'number',
    placeholder: 'Mobile number',
  },
  },
  MobileCode: {
  'ui:widget': 'CustomDropdownWidget',
  classNames: 'customwidth_13',
  'ui:options': {
    type: 'number',
    placeholder: 'Mobile number',
  },
  },

enter image description here

Мне нужно сосредоточиться накаждое поле на нажатие клавиши таб.Он пропускает раскрывающееся поле.

Я пробовал tab-index, который не отображает список опций.

Спасибо заранее.

...