ExtJS的RowEditor網格

當我的用戶通過RowEditor組合條目編輯網格和複選框是煩人ExtJS的RowEditor網格

1蘋果 2橙色 3梨

例如與用戶以上的組合將選擇橙色再更新 - 網格現在而不是說橙色將顯示數字2 - 我希望它成功編輯後顯示橙色。對於我的組合

代碼

 editor : { 
     allowBlank  : false, 
     displayField : 'team', 
     editable  : false, 
     emptyText  : 'Select Team', 
     forceSelection : true, 
     lazyRender  : true, 
     mode   : 'remote', 
     name   : 'team', 
     store   : storeTeam, 
     triggerAction : 'all', 
     valueField  : 'id', 
     xtype   : 'combo' 
    }

我覺得我讀，你可以在完整的行發送回插入或者我應該聽網的更新，然後改變字段，但我需要一些指導什麼是最好的

乾杯

來源

2010-03-31 Ian Warner

嘗試下面的代碼。就像使用其他ExtJS網格列一樣使用此列。

Ext.grid.FixedListColumn = Ext.extend(Ext.grid.Column, { 
    constructor: function(cfg){ 
    cfg.editor = new Ext.form.ComboBox(cfg.editor); 
    Ext.grid.ComboBoxColumn.superclass.constructor.call(this, cfg); 
    this.renderer = Ext.util.Format.comboRenderer(cfg.editor); 
    } 
}); 

Ext.grid.Column.types.fixedlistcolumn = Ext.grid.FixedListColumn; 

// Takes in a combobox and returns a renderer that looks up the displayField in 
// the store attached to the combo 
Ext.util.Format.comboRenderer = function(combo){ 
    return function(value){ 
     var record = combo.findRecord(combo.valueField, value); 
     return record ? record.get(combo.displayField) : combo.valueNotFoundText; 
    } 
} 

// Use this as the 'columns' parameter when creating your Grid 
var grid_columns = [ 
    {xtype:'fixedlistcolumn', 
    store: [[1,'Apple'],[2,'Orange']]}, 
    ... 
];

來源

2010-06-15 01:14:49

我希望這有助於...

可以渲染器定義添加到您的團隊柱：

下面是例子真/假值是如何簡單表示爲是/否在GridPanel中：

renderer:function(val){ 
       if(val=="true" || val == true) { 
        return "Yes"; 
       } 
       else{ 
        return "No"; 
       } 
      }

來源

2010-05-04 14:47:10 Goran

ExtJS的RowEditor網格

回答

相關問題