以编程方式更改EditorGrid的单元格值

时间:2010-03-03 20:49:15

标签: javascript user-interface extjs

我有一个编辑网格,如果特定单元格处于焦点(正在编辑),则会弹出一个包含树状面板的窗口,允许用户从树状面板中选择一个节点作为单元格的新值。这样,用户实际上并没有编辑有问题的单元格,而是使用窗口来选择新值。但是,我无法以编程方式设置有问题的单元格的值。

下面是我用来设置网格的代码,包括根据值类型选择用于单元格的编辑器的列模型:

var editorCM = new Ext.grid.ColumnModel({
  //config
  ,editors : {
    //rest of editors
    'id' : new Ext.grid.GridEditor(new Ext.form.TextField({readOnly : true}))
  }
  ,getCellEditor : function(col, row) {
    //choose editor depending on the type value of a cell
  }
})

var editorGrid = new Ext.grid.EditorGridPanel({
  //rest of config
  ,cm : editorCM
})

以下是我的代码,一旦用户从treepanel中选择,就会更改单元格的值。

function submitNode(newValue) {
  var temp = editorGrid.GetSelectionModel().getSelectedCell(); //returns array containing column and row position of selected cell, which value we want to change.

  //temp[1] = column index, temp[0] = row index
  //Gets the cell editor at specific position and sets new value for that cell
  editorGrid.getColumnModel().getCellEditor(temp[1], temp[0]).setValue(newValue);
}

我还尝试了其他一些方法(包括 setValue(newValue)),但空手而归。我已经通过API和ExtJS论坛查看了任何线索,但也空手而归。

1 个答案:

答案 0 :(得分:1)

我没有使用编辑器网格,所以我把它挂了一点。

查看此内容以供参考:http://www.extjs.com/deploy/dev/examples/grid/edit-grid.js

他们这样做(添加)似乎是直接更新商店,如果你能识别商店记录,你肯定可以直接更新它。

查看addPlant的处理程序:

 handler : function(){
            // access the Record constructor through the grid's store
            var Plant = grid.getStore().recordType;
            var p = new Plant({
                common: 'New Plant 1',
                light: 'Mostly Shade',
                price: 0,
                availDate: (new Date()).clearTime(),
                indoor: false
            });
            grid.stopEditing();
            store.insert(0, p);
            grid.startEditing(0, 0);
        }

如果做不到这一点,我有兴趣看看当你的领域不是只读时会发生什么:

  ,editors : {
//rest of editors
'id' : new Ext.grid.GridEditor(new Ext.form.TextField({readOnly : false}))  }
只是几个想法。