ExtJS Combobox 如何改变下拉列列宽问题

最新推荐文章于 2023-06-17 22:16:18 发布

weixin_30263073

最新推荐文章于 2023-06-17 22:16:18 发布

阅读量310

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/simonhaninmelbourne/archive/2009/06/01/1493543.html

博客讨论了Ext.form.ComboBox组件下拉列表加宽的问题。默认情况下，Combobox的下拉列表和编辑框一样宽，可使用expand event解决。文中给出了代码示例，通过设置comboBox.list和comboBox.innerList的宽度，让下拉列表更宽。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Combobox 默认显示 list和edit 一样宽。如何让下拉列表更宽些呢? 可以使用expand event.

comboPurchaseOrder = new Ext.form.ComboBox({
        //cls: 'x-mycombo-list',
        tpl: resultTpl,
        store: PurchaseOrderStore,
        displayField: 'PurchaseOrder',
        valueField: 'PrimaryKey',
        typeAhead: false,
        mode: 'local',
        triggerAction: 'all',
        selectOnFocus: true,
        value: '',
        width: 120,
        itemSelector: 'div.search-item',
        applyTo: 'ddlPurchaseOrder'
    });
    comboPurchaseOrder.on('expand', function(comboBox) {
        comboBox.list.setWidth('240px'); //auto
        comboBox.innerList.setWidth('auto');
    }, this, { single: true });