Как исправить список элементов Dropdown Component в конкретном div? - PullRequest
Новая
       10

Как исправить список элементов Dropdown Component в конкретном div?

0 голосов
/ 26 июня 2018

Я использую компонент Dropdown, когда я нажимаю на иконку, у меня есть список опций, это div-слой ms, который добавляется непосредственно перед концом тела и удаляется, когда я нажимаю на Dropdown дляскрыть список опций.

То, что я хочу сделать, это поместить этот элемент div ms'layer в определенный div, например, сразу после div из Dropdown, а не только перед концом тела.

Это мой код: 

import * as React from 'react';
import {Dropdown, IDropdownOption} from 'office-ui-fabric-react/lib/Dropdown';

public render(): React.ReactElement<Props> {
return (
  <div>
          <Dropdown placeHolder={'Placeholder'} onChanged={this.handlefunction}
                    options={[
            {key: 'A', text: 'A'},
            {key: 'B', text: 'B'},
            {key: 'C', text: 'C'},]}/>
  </div>);
}

1 Ответ

0 голосов
/ 20 июля 2018

В calloutProps есть логическое значение down, которое позволяет отключить этот дополнительный слой, поэтому раскрывающийся список будет отображаться в той же области DOM. https://github.com/OfficeDev/office-ui-fabric-react/blob/master/packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts#L147

import * as React from 'react';
import {Dropdown, IDropdownOption} from 'office-ui-fabric-react/lib/Dropdown';

public render(): React.ReactElement<Props> {
return (
  <div>
          <Dropdown calloutProps={{doNotLayer:true}} placeHolder={'Placeholder'} onChanged={this.handlefunction}
                    options={[
            {key: 'A', text: 'A'},
            {key: 'B', text: 'B'},
            {key: 'C', text: 'C'},]}/>
  </div>);
}
...