DOJO CheckedMultiSelect下拉列表显示垂直滚动条

z9smfwbn  于 2022-12-08  发布在  Dojo
关注(0)|答案(1)|浏览(185)

我试图显示垂直滚动条到CheckedMultiSelect(下拉)小部件。
我尝试设置height/overflow-y属性,但仍然没有成功。
我已经为小部件启用了两个属性,即multiple=“true”和dropdown=“true”。
我显示了大约200个项目和列表是超出底部的控制。
请参阅下面的示例代码:

<select multiple="true"
        dropdown="true"
        name="multiselect"
        data-dojo-type="dojox/form/CheckedMultiSelect">
     <option value="TN">Tennessee</option>
     <option value="VA">Virginia</option>
     <option value="WA">Washington</option>
     <option value="FL">Florida</option>
     <option value="CA">California</option>
     <option value="TN1">Tennessee</option>
     <option value="VA1">Virginia</option>
     <option value="WA1">Washington</option>
     <option value="FL1">Florida</option>
     <option value="CA1">California</option>
     <option value="TN1">Tennessee</option>
     <option value="TN2">Tennessee</option>
     <option value="VA2">Virginia</option>
     <option value="WA2">Washington</option>
     <option value="FL2">Florida</option>
     <option value="CA2">California</option>
     <option value="TN2">Tennessee</option>
     <option value="TN3">Tennessee</option>
     <option value="VA3">Virginia</option>
     <option value="WA3">Washington</option>
     <option value="FL3">Florida</option>
     <option value="CA3">California</option>
     <option value="TN3">Tennessee</option>
</select>

DOJO版本1.14。任何帮助都将不胜感激,-Prashant

anhgbhbe

anhgbhbe1#

通过将heightoverflow属性更改为将菜单项呈现为流,可以覆盖某些css样式以获得所需的结果

.dojoxCheckedMultiSelect .dijitMenuTable {
  /* fix some rendering issue menu item width table*/
  width: 100%;
}

.dojoxCheckedMultiSelectMenu {
  /* set scroll-x to scroll and hide y scroll bare*/
  overflow: hidden scroll !important;
  /* set max height for dropdown menu */
  max-height: 150px !important;
}

您可以在这里检查工作片段:
第一个

相关问题