Question

我有一个组合下拉列表，其中的项目是动态填充的。

除非我没有通过指定一些虚拟值来设置项目的初始宽度像

this.processlist = ['aasdfsdfsdfsdfsdfsdf'];

具有特定长度的文本，组合下拉列表不会自动为动态生成的值调整大小。

我在某处读到了我们需要调整滚动条宽度和高度的大小，我试过但是它没有用。也许我在错误的地方做这件事 https://github.com/Polymer/paper-dropdown/issues/2

我是网络开发和聚合物的新手。

我们将不胜感激。

以下是代码

   <paper-dropdown-menu id="ProcessCombo" label="Process">
    <paper-dropdown class="dropdown" on-core-overlay-open="{{comboDrop}}">
        <core-menu class="menu">
         <template repeat="{{processlist}}">
              <paper-item>{{}}</paper-item>
            </template>
        </core-menu>
    </paper-dropdown>
    </paper-dropdown-menu>

      comboDrop:function(){

         var self = this;

         if (self.focused) {
               setTimeout(function() {
                  self.$.ProcessCombo.dropdown.$.scroller.style.height = ""
                  self.$.ProcessCombo.dropdown.$.scroller.style.width = ""
                  self.$.ProcessCombo.dropdown.open();
               }, redrawFix);
           }

    }

感谢。

Answer 1

我想通了

这是我必须提供的所有代码

var self = this;
self.$.ProcessCombo.dropdown.$.scroller.style.height = ""
self.$.ProcessCombo.dropdown.$.scroller.style.width = ""

在我的comboDrop函数中。即使没有将processlist设置为初始值，这也可以工作。

在下拉列表中调整聚合物组合纸 - 下拉菜单的大小

1 个答案: