显示字段覆盖存储的extjs setvalue？

Question

在我的第一个extjs项目上工作，我有一个显示区域，我就这样填充。

        var displayfield = this.view.down('#displayfieldAccountPL');
        var selectedAccountRecord = accountSummaryDataStore.findRecord('AcctNum', selectedAccountNumber);
        var acctPL = selectedAccountRecord.get('CalcPLSett');
        displayfield.setValue(acctPL);

这是我对displayfield的设置

                                        xtype: 'displayfield',
                                    fieldLabel: 'Account P&L',
                                    //id: 'displayfieldAccountPL',
                                    itemId: 'displayfieldAccountPL',
                                    renderer: function (value) {
                                        var newVal = Ext.util.Format.currency(value, '$ ', 0);
                                        if (value > 0) {
                                            newVal = '<span style="color:green">' + newVal + '</span>';
                                        } else if (value < 0) {
                                            newVal = '<span style="color:red">' + newVal + '</span>';
                                        } else {
                                            newVal = newVal;
                                        }
                                        return newVal;
                                    }

在项目中选择了一个按钮后，我想清除显示区域。 问题是，当我将值设置为BLANK时，我认为它覆盖了商店。我认为这是因为我将商店链接到网格，并且在按下按钮后网格行列被清空。 我认为正在发生的事情是双向绑定，但我想要做的就是将显示区域空白。

var displayfieldPL = this.view.down('#displayfieldAccountPL');
displayfieldPL.setValue('');

关于我做错了什么的任何想法？ 有没有一种简单的方法可以从显示字段中删除文本？