如何在dom元素的extJS顯示字段中插入值

Question

這是我的顯示字段配置，它是表單面板的項目..

{
    fieldLabel: "Class"
    itemId: "class"
    name: "class"
    readOnly: true
    value: "my Class"
    xtype: "displayfield"
}

我有一個 extJS 顯示字段，它工作正常，但在某些情況下，即使該值可用，也不會顯示值。 甚至是在 render 方法之后的值。

 afterrender: function(val, eOpts){
        let _this = this,
            view = _this.getView();
            console.log(view.itemId +" "+view.value);
            
           
    } 
    

在我深度調試之后，我注意到值本身不在 dom 中。 所以我打算在 dom afterrender 方法中插入元素。 任何人都可以建議我如何在顯示字段 dom 中插入值。

我的id是這樣的，但這不能正常工作。 有時樣式和標簽只會消失。

afterrender: function(val, eOpts){
        let _this = this,
            view = _this.getView();
            console.log(view.itemId +" "+view.value);
             view.el.dom.innerText = view.value;
           
    } 

Answer 1

目前尚不清楚您的領域如何獲取數據。 如果我理解正確，您應該使用displayfield.setValue()方法，如下所示：

這是工作小提琴

根據您的描述，很難理解 displayfield 不顯示某些值的原因。 但是您可以通過查看console.log(IdOfYourDisplayField);自己檢查一下。