3

私はコンボボックスを持っていて、Extjs 4 でこのコンボボックスの変更時に動的なテキストフィールドを作成したいと思っています。私は Extjs の Mvc 構造に従っています。下はマイコンボ

        {
                                    xtype : 'combo',
                                    store : 'product.CategoryComboBox',
                                    name: 'category',
                                    id:'category',
                                    displayField: 'name',
                                    valueField: 'idProductCategory',
                                    multiSelect : false,
                                    fieldLabel: 'Category',
                                    allowBlank: false,
                                    allowQueryAll : false,
                                    forceSelection : true,
                                    typeAhead: true,
                                    triggerAction: 'all',
                                    delimiter : ',',
                                    width: 300,
                                    queryMode:'local',
                                    listeners:{select:{fn:function(combo, value) {}
}
4

3 に答える 3

3

このようなFieldSetをフォームに追加できます

{
    xtype: 'fieldset',
    itemId: 'field_container',
    layout: 'anchor',
    border: 0,
    style: { padding: '0' },
    fieldDefaults: {
        // field defaults
    },
    defaultType: 'textfield'
}

したがって、コンボボックスの値が変更されたら、次のようにします。

var container = this.down('fieldset[itemId="field_container"]');
container.removeAll();
var fieldsToAdd = [
    { name: 'field1', xtype: 'textfield', value: 'xxxxxx' },
    { name: 'field2', xtype: 'textfield', value: 'yyyyyyy' }
];
container.add(fieldsToAdd);

このようにして、コンボボックスの値に基づいて、fieldsToAddに何が含まれるかを決定できます。

于 2013-02-06T14:00:06.860 に答える
2

ID をテキスト フィールドに設定し、listenersコンボのプロパティを次のように設定します。

listeners: {
    change: function (combo, value) {
        Ext.get('idOfYourTextfield').setValue(value);
    }
}
于 2013-02-06T12:16:28.290 に答える
0

フィールドコンテナを使用すると、同じ行に複数のフォームフィールドを含めることができるため、次のことができます。

{
    xtype: 'fieldcontainer',
    layout: 'hbox',
    items: {
        xtype: 'combo',
        // your config here
        listeners: {
            change: function () {
                this.up('fieldcontainer').add({
                    xtype: 'textfield',
                    value: this.getValue()
                });
            }
        }
    }
}

編集

テキストフィールドがすでに存在するかどうかをテストする必要があると思います。

change: function () {
    var ct = this.up('fieldcontainer'),
        textField = ct.down('textfield');
    if (textField) {
        textField.setValue(this.getValue());
    } else {
        ct.add({
            xtype: 'textfield',
            value: this.getValue()
        });
    }
}
于 2013-02-06T15:30:04.937 に答える