SelectField的控制彈出窗口位置錨點

Question

有誰知道如何控制SelectField彈出窗口的位置？

我知道selectfield在其中包含一個下拉菜單，並且不包含彈出窗口，但認爲可能有可能以某種方式控制它。

Answer 1

我實際上面臨同樣的問題。

我不認爲這是可能的，至少它不是可配置屬性的一部分。我看了SelectField的源碼，顯然，儘管SelectField使用的是DropDownMenu，而DropDown使用的是PopOver，但anchorOrigin的配置是硬編碼的。

https://github.com/callemall/material-ui/blob/master/src/DropDownMenu/DropDownMenu.js#L9

const anchorOrigin = { 
    vertical: 'top', 
    horizontal: 'left', 
}; 

Answer 2

您可以按您的SelectField組件使用道具dropDownMenuProps騎在下拉菜單中的道具。

Answer 3

有可能確實是：

<SelectField dropDownMenuProps={{anchorOrigin:{vertical:"center",horizontal:"left"}}}> 
    <MenuItem value={1} primaryText="one" /> 
    <MenuItem value={2} primaryText="two" /> 
    <MenuItem value={3} primaryText="three" /> 
</SelectField> 

如果需要準確設置你的「酥料餅」（這實際上是一個「下拉菜單」），我想你可以通過重載的一個嘗試的定位不同的（風格）指出菜單的道具：http://www.material-ui.com/#/components/dropdown-menu（「屬性」部分）

的另一種方式是使用一個酥料餅，而不是...

此外，新的1.0測試版剛度過選擇發佈的組件;它可能會給你一個更好的控制： https://material-ui-1dab0.firebaseapp.com/demos/selects/