Question

我使用的是Dropdown组件，当我单击图标时，我具有选项列表，它是一个div ms层，它刚好在正文结尾之前添加，当我单击Dropdown到隐藏选项列表。

我想做的是将这个div ms'图层放置在特定的div中，例如，在Dropdown的div之后，而不是在正文结尾之前。

这是我的代码：

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>);
}

Answer 1

calloutProps中有一个布尔值下拉菜单，可用于关闭该附加层，因此下拉菜单将在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>);
}

如何修复特定div中的下拉菜单项列表？

1 个答案: