sorry about that.
- the error message above is from Firebug with ext-all-debug.js, and no stack trace was provided.
- Ext 1.0.1a or 1.1RC1 - same problem
- YUI 2.2.0 + adapter
- Firefox 2.0.0.5 on a Mac
Here's an example that illustrates the bug:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>ext bug example</title>
<link rel="stylesheet" type="text/css" href="http://lhcommon/ext/1.1-rc1/resources/css/ext-all.css"></link>
<script type="text/javascript" src="http://lhcommon/ext/1.1-rc1/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="http://lhcommon/ext/1.1-rc1/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="http://lhcommon/ext/1.1-rc1/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var RecordType = Ext.data.Record.create(['name']);
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy([ ]),
reader: new Ext.data.ArrayReader({
id: '1'
}, RecordType)
});
var cm = new Ext.grid.ColumnModel([
{
dataIndex: 'name',
header: 'Name',
width: 100,
editor: new Ext.grid.GridEditor(new Ext.form.TextField())
}
]);
var ct = Ext.get('grid-ct');
ct.setWidth(300);
ct.setStyle({border: '1px solid #99bbe8', margin: '10px'});
var grid = new Ext.grid.EditorGrid(ct, {
ds: ds,
cm: cm,
selModel: new Ext.grid.RowSelectionModel()
});
grid.render();
var gridHead = grid.getView().getHeaderPanel(true);
var tb = new Ext.Toolbar(gridHead, [
{
text: 'Add Record',
handler: function() {
var rec = new RecordType({name:''}, ds.getCount()+1);
grid.stopEditing();
ds.insert(0, rec);
grid.startEditing(0, 0);
}
},
{
text: 'Remove Record',
handler: function() {
var rec = grid.getSelectionModel().getSelected();
ds.remove(rec);
}
},
{
text: 'Commit Changes',
handler: function() {
ds.commitChanges();
}
}
]);
});
</script>
</head>
<body>
<div id="grid-ct"></div>
</body>
</html>
Steps to reproduce using this example:
1. Click "Add Record"
2. Modify the name
3. Blur the name field
4. Select the row that you just added
5. Click "Remove Record"
6. Click "Commit Changes"
Thanks for your help. I tried debugging this myself but didn't get to the bottom of it. See original post for a couple of tips.