Disallow column reordering of grid-columns in Ext JS

Just had the requirement to disallow the reordering of columns inside an Ext JS grid. Took me a while to find it. The configuration is simple. { xtype: ‘gridcolumn’, text: ‘Column 1’, draggable: false // this disables the reordering }{ xtype: ‘gridcolumn’, text: ‘Column 1’, draggable: false // this disables the reordering }

Disable float/numberic filter input inside an Ext JS grid with the gridfilters-plugin

When using the ootb gridfilters-plugin inside the Ext JS grid this: { text: ‘teh Number’, width: 80, sortable: true, dataIndex: ‘id’, filter: ‘number’ }{ text: ‘teh Number’, width: 80, sortable: true, dataIndex: ‘id’, filter: ‘number’ } results in this: So all input is treated as float / numeric values. In my case I’d like to […]

Clearing a grid without actually removing the data in Ext JS

The following code clears a grid (with its filters) from a view controller. Ext.define(’Foo.TehViewController’, { extend: ‘Ext.app.ViewController’, alias: ‘controller.tehViewController’,   clearData: function () { var me = this, view = me.getView();   view.getStore().clearFilter(true); view.getStore().removeAll(true); view.getView().refresh(); } });Ext.define(‘Foo.TehViewController’, { extend: ‘Ext.app.ViewController’, alias: ‘controller.tehViewController’, clearData: function () { var me = this, view = me.getView(); view.getStore().clearFilter(true); view.getStore().removeAll(true); […]

Bug with Internet Explorer and grid RowEditing-plugin when using scoped-theme

I came across this rare bug in the current development of a project. It makes heavy use of the RowEditing plugin of Extjs‘ grid. Because the Extjs environment is used within SharePoint 2010 I have to use the scoped theme to avoid “damage” to the SharePoint UI. After inserting a record into the grid via […]