View Full Version : Problem with rendering RowEditor plugin

24 Aug 2012, 12:47 PM
Hello :)
Please, help me with such damn problem. I don't know why, but my Row Editor looks like that. I have all .css in place. There must be something elementary, but I can`t find it yet :( Maybe somebody faced such problem before. Best regards :)


24 Aug 2012, 1:03 PM
Few questions so we can help:

-What version of Ext4 are you using?
-Do you have any custom CSS in play?
-Does our online example work as expected?
-Does this happen in all browsers?
-If you remove the comment field, do you still see the problem?


25 Aug 2012, 2:06 AM
:) Answers:
- extjs 4.1.1
- yes I have, but I removed it and nothing changed
- yes, online example works fine, and example in package too
- yes, it happens in all browsers
- yes, it still happensif I remove comment field

25 Aug 2012, 6:53 AM
Please try the following steps:

-See if any of the fields are causing this (ie: odd chars in field)
-Try to isolate the problem in a small test case. This may also help find the problem.
-If you can produce this in a test case, please forward it to us.

Please use static data in a PHP/JSON file that we can load

Here is a quick template to get started:


Ext.create('Ext.data.Store', {
fields:['name', 'email', 'change',],
autoLoad: true,
proxy: {
type: 'ajax',
url: 'data.json', // your json data
// url: 'data.php',
reader: {
type: 'json',
root: 'items'

var editor = {
xtype: 'textfield',
allowBlank: false

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
clicksToMoveEditor: 1,
autoCancel: false

Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [
{ header: 'Name', dataIndex: 'name', editor: editor },
{ header: 'Email', dataIndex: 'email', flex: 1, editor: editor },
{ header: 'Change', dataIndex: 'change', editor: editor }
height: 200,
width: 400,
renderTo: Ext.getBody(),

plugins: [rowEditing]