如何在ExtJS中设置单字段脏

debugcn 发表于 Dev

区

问题：我们在表单上切换字段。当显示secondField而不是firstField时，将更改表格。但是secondField仍被标记为不脏，因为两个字段均保持不变。显示secondField应该总是使它和表单（模型）变脏。

研究：setDirty（）方法是在整个记录上完成的，setValue（）的作用与预期的一样，但闻起来像hack，不能用于各种字段类型（文本字段，组合框）。

问题：如何手动设置更改后的单个表单字段状态以调用保存其数据？

绿龙

您正在将数据状态与表单可视化混合在一起。默认情况下，“显示字段”与数据无关，因此您需要显式创建一个字段。这可以通过在切换时更改某些数据来完成，或者以其他方式（在更改数据时切换）来完成。

例如，在选中/取消选中代表一个表单数据的复选框字段时，可能会发生切换（另请参见fiddle）：

Ext.create('Ext.form.Panel', {
    viewModel: {
        type: 'default'
    },
    items: [
        {
            xtype: 'checkbox',
            reference: 'toggle',
            itemId: 'toggle',
            boxLabel: 'Toggle',
            hidden: true
        },
        {
            xtype: 'button',
            text: 'Toggle',
            enableToggle: true,
            toggleHandler: function() {
                var form = this.up('form'),
                    checkbox = form.child('#toggle');
                checkbox.setValue(!checkbox.getValue());
                console.log(form.isDirty() ? 'Dirty!' : 'Not dirty');
            }
        },
        {
            xtype: 'textfield',
            name: 'firstField',
            fieldLabel: 'First Field',
            bind: {
                hidden: '{toggle.checked}'
            }
        },
        {
            xtype: 'textfield',
            name: 'secondField',
            fieldLabel: 'Second Field',
            bind: {
                hidden: '{!toggle.checked}'
            }
        }
    ],
    renderTo: Ext.getBody()
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。