Question

这是我的代码：

function sim(proxy, data, delay) {
    if (typeof data !== 'string') {
        data = Ext.JSON.encode(data);
    }

    proxy.url = '/echo/json/';
    proxy.actionMethods.read = "POST";
    proxy.extraParams.json = data;
    proxy.extraParams.delay = typeof delay == 'undefined' ? 0 : delay;
}

Ext.define('MyStore', {
    extend:'Ext.data.Store',
    fields:['id','name'],
    proxy:{
        url:'whatever',
        type:'ajax',
        reader:{
            type:'json'
        }
    }
});

var myStore = new MyStore();

sim(myStore.proxy, [{id:2,name:'neil'},{id:3,name:'expert wanna-be expert wanna expert'}], 0);

Ext.define('MyForm', {
    extend: 'Ext.form.Panel',

   initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'combobox',
                    editable:false,
                    store: myStore, 
                    valueField: 'id',
                    displayField:'name',
                }
            ]
        });

        me.callParent(arguments);
    }
});

var myForm = new MyForm({renderTo:Ext.getBody()});

我不想增加列的宽度。我想增加商店中文本大小的组合框列表的宽度，以取消文本的包装。帮我。提前谢谢。

Answer 1

如果我正确理解您的问题，您可以尝试matchFieldWidth: false config：

{
    xtype: 'combobox',
    editable:false,
    store: myStore, 
    valueField: 'id',
    displayField:'name',
    matchFieldWidth: false
}

有关下拉列表的其他配置，请使用listConfig option.

如何取消ExtJs Combobox列表中的文本换行？

1 个答案: