PDA

View Full Version : Grid Cell Editing not working in MVC 4.2



craig2005
30 Jan 2014, 10:51 AM
So this code works just fine in JSFiddle:

http://jsfiddle.net/wdc7A/2/

No matter what I try, i can't make these cells editable.

I'm running in debug mode (ext-debug.js) as well as using chrome developer tools. I get no errors and I can see the plugin js loading.

Here is my view. I've stripped out the store and model and combined everything into static data. I still can't make the grid cells editable.

Is there something from the controller I should be doing?



Ext.define('CCPerf.view.report.test', {
extend: 'Ext.grid.Panel',
alias:'widget.load-test-sla',
title: 'Simpsons',
store: Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data:{'items':[
{"name":"Lisa", "email":"lisa@simpsons.com", "phone":"555-111-1224"},
{"name":"Bart", "email":"bart@simpsons.com", "phone":"555-222-1234"},
{"name":"Homer", "email":"home@simpsons.com", "phone":"555-222-1244"},
{"name":"Marge", "email":"marge@simpsons.com", "phone":"555-222-1254"}
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
}),
columns: [
{header: 'Name', dataIndex: 'name', editor: 'textfield'},
{header: 'Email', dataIndex: 'email', flex:1,
editor: {
xtype: 'textfield',
allowBlank: false
}
},
{header: 'Phone', dataIndex: 'phone'}
],
selType: 'cellmodel',
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1
})
],
height: 200,
width: 400
});

Gary Schlosberg
30 Jan 2014, 11:46 AM
Your example didn't work for me, but I put the code into this Fiddle and the cells are editable for me, whether in 4.2.0 like your example or 4.2.1.
https://fiddle.sencha.com/#fiddle/33u

In which browser are you experiencing this issue?

craig2005
30 Jan 2014, 12:01 PM
Thanks, i updated the fiddle. It was missing renderTo.

The problem isn't the code, its inside the EXTJS MVC framework it doesn't work. Using MVC, I can't get the cells to be editable.

craig2005
30 Jan 2014, 1:18 PM
Ok, so i finally was able to reproduce the issue in Sencha Fiddle.

Basically, in a border layout when you have a collapsed panel and click the down arrow in the middle of the panel title it breaks the celleditor.

If it works for the you first time, click the play button again. It will break. There are several different sequences which break it.

https://fiddle.sencha.com/#fiddle/344

Gary Schlosberg
31 Jan 2014, 9:10 PM
http://www.sencha.com/forum/showthread.php?280696