只讀PropertyGrid

Question

有沒有辦法讓ExtJS4 PropertyGrid（Ext.grid.property.Grid）不可編輯？

沒有「可編輯」或「只讀」配置選項AFAICS。

Answer 1

一種解決方案是，以防止任何小區的選擇：

var myPropertyGrid = Ext.create('Ext.grid.property.Grid', { ... }); 
myPropertyGrid.getSelectionModel().setLocked(true); 

Answer 2

另一種解決方案是增加一個監聽器，其防止在開始編輯部分：

listeners: { 
     'beforeedit': { 
      fn: function() { 
       return false; 
      } 
     } 
    } 

的問題與這種解決方案是，不能將單元格標記爲複製（Ctrl + C）內容。

Answer 3

使用sourceConfig到編輯器設置爲Ext.form.DisplayField：

Ext.create('Ext.grid.PropertyGrid', { 
    sourceConfig: { 
     field1: { 
      displayName: 'Editable Field' 
     }, 
     field2: { 
      displayName: 'Readonly Field', 
      editor: Ext.create('Ext.form.DisplayField') 
     } 
    }, 
    source: { 
     field1: "Some property", 
     field2: "Some other property", 
    } 
}); 

Answer 4

還有一個決定，但不允許在其後選擇文本：myGrid.findPlugin('cellediting').disable();

Answer 5

Ext.define('MyPropertyGrid', { 
    extend: 'Ext.grid.property.Grid', 
    xtype: 'mypropertygrid', 
    source: { 
     field1: 'value of field1', 
     field2: 'value of field2' 
    }, 
    sourceConfig: { 
     field1: { 
      editor: {disabled: true} 
     }, 
     field2: { 
      editor: {disabled: true} 
     } 
    } 
}); 

我測試它的ExtJS 6.0 。