extjs4.1

I have a gridpanel include date and combo column jsfiddle But I don't want click to show my combo. I want show my combo without click, not hide inside cell like and the same for date column like I think chage to clicksToEdit: 0 but fail plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ] How to do that, thanks The only way to achieve this in 4.2x or below is to use a custom component like Skirtle's comonent column http://skirtlesden.com/ux/component-column This column type will let you insert any arbitrary components into a cell. Upcoming release of ExtJS will have

If I create a modal window: Ext.define('myWindow', { extend: 'Ext.Container', alias: 'widget.myWindow', floating: true, modal: true, listeners: 'onMaskClick???': { close the window } ..... } How do I know when a user has clicked on the mask outside the window? In Sench Touch, there is a config hideOnMaskTap that lets me specify. What is the event/config for extJS? Tramway's case (sort of) works on modal or non modal windows. But not in case child components like the boundlist of a combobox float outside the windows boundaries. However if you use modal windows anyway you can listen for a click

Consider this JSON sample : [{id:1,editable:true},{id:2,editable:false}] These records are about to be loaded in a store, then displayed inside a grid panel. This grid has an action column item for edition purposes. I'm looking for a way to disable the "edit" button only for the second row without performing computation after rendering. I'd like to use a built in feature which works like the renderer property rather than to loop through the store to update each row once the grid has been rendered. Does ExtJS 4.1.1 provides this kind of feature? You can use set the isDisabled config (at least

I have two Models. Master - Ext.define('App.model.Master', { extend : 'Ext.data.Model' ,fields : [ { name : 'master_name', type : 'string' }, { name : 'id', type : 'int'} ] ,proxy : { type : 'rest', url : '/master', reader : { type : 'json', root : 'masters' } } ,associations : [{ type : 'hasMany' id : 'id', foreignKey : 'master_id', associationKey : 'details', name : 'details', model : 'App.model.Detail', }] }); and Detail - Ext.define('App.model.Detail', { extend : 'Ext.data.Model' fields : [ { name : 'detail_name', type : 'string' }, { name : 'id', type : 'int' }, {name : 'master_id', type

In the application below, I am trying to add id 's to the generated items dynamically. My code works fine but when I add the below two commented lines in it. It throws error Uncaught Ext.AbstractManager.register(): Registering duplicate id "73" with this manager When I tried to find out the source of error, I found that the code is working fine till the execution of 81 id's ( console.log(_idGen) ). From this, it is clear that the error is related to out of range exception. (9*9 = 81) and also only in Fiddle , when I add HTML text to the child panels, I came to know that they are between 73 to

I am looking for a way to access components / field that are either in the same items array as the accessing one or even only in a same parent items array (the last one is just a option). In ExtJS3 this was easy by simply defining a ref in the owner container but I didn't found anything like that in ExtJS4. I know that I can use Ext.ComponentQuery() or the shortcuts up() / down() or even Ext.getCmp() but they are all not what I am looking for, cause they just executes a bunch of code while the ref was such an easy Way to do things. Yes, I am aware of the fact that using a ComponentQuery is