[CLOSED]Ext.grid.RowEditing - size problems

[bydooweedoo]

Hi,

The Ext.grid.RowEditing plugin seems to have trouble to fit and size correctly while active.
When textarea is use and just one row is available from grid store, the "Save" and "Cancel" buttons are hidden by editor container.

Plus, container fields shift to the right.

Last thing: NumberFields are not showing properly when flex is replaced by very small widths.

Here is my code:

Ext.regModel("Product", {
	fields: [{
		name: "id",
		type: "int"
	}, {
		name: "ref",
		type: "string",
		allowBlank: false
	}, {
		name: "desc",
		type: "string"
	}, {
		name: "price_buy",
		type: "float"
	}, {
		name: "price_sell",
		type: "float"
	}]
});

Ext.define("App.Products.Grid", {
	extend: "Ext.grid.GridPanel",
	alias: "widget.app.products.grid",
	store: Ext.create("Ext.data.Store", {
		model: "Product",
		autoLoad: true,
		proxy: {
			type: "rest",
			url: "/products",
			reader: {
				type: "json",
				root: "product",
				successProperty: "success",
				messageProperty: "message"
			}
		}
	}),
	plugins: Ext.create("Ext.grid.RowEditing", {
     	editors: [{
           	name: "ref",
           	xtype: "textfield"
          }, {
              name: "price_buy",
              xtype: "numberfield"
          }, {
              name: "price_sell",
              xtype: "numberfield"
          }, {
              name: "desc",
              xtype: "textarea"
          }]
	}),
	headers: [{
		text: "Reference",
		isCellEditable: true,
		flex: 2,
		sortable: true,
		dataIndex: "ref"
	}, {
		text: "Buy price",
		isCellEditable: true,
		flex: 1,
		sortable: true,
		dataIndex: "price_buy"
	}, {
		text: "Sell price",
		isCellEditable: true,
		flex: 1,
		sortable: true,
		dataIndex: "price_sell"
	}, {
		text: "Description",
		isCellEditable: true,
		flex: 1.5,
		sortable: false,
		dataIndex: "desc"
	}]
});

Coding with extjs4 is really amazing

Thank you !

Best regards,
bydooweedoo

[evant]

It's still under development, it will be fixed in a future release.