Posts

Showing posts with the label extjs

Grid row height distribute evenly to match the grid height in ExtJS4

Image
Clash Royale CLAN TAG #URR8PPP Grid row height distribute evenly to match the grid height in ExtJS4 I have an ExtJS 4 web app and I have a grid with a set height. The problem I have right now is that the grid has to be a certain height, and the rows often aren't many enough (usually around 31 records) to occupy the entire height of the grid so there is space left below the grid: What I want to do is to adjust the row height or something in the grid in such a way that the rows will equally distribute the available grid height amongst themselves. Is there an easy way to do this? I have styled my grid but it's just for borders and for removing the padding in the row items. perhaps try using css .x-grid-row class and adjusting its line-height property dynamically depending or exact number of records you have – bullettrain Jan 17 '17 at 8:06 ...

Ext.draw.container can't load in Ext.JS 6.5.1 and newer versions

Image
Clash Royale CLAN TAG #URR8PPP Ext.draw.container can't load in Ext.JS 6.5.1 and newer versions A simple example, Ext.define('TestExample.view.Test', { extend: 'Ext.draw.Container', alias: 'viewmodel.schedule' ... }); causes a "[E] [Ext.Loader] Some requested files failed to load" because the class is Ext.draw.Container (It loads with any other class I've tried) To confirm the problem, see eg https://docs.sencha.com/extjs/6.5.1/modern/Ext.draw.Container.html and click the run button- it fails! Try the same in version 6.2.0, and it works! Anyone know about this bug in the newer versions? By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Issue with extjs checkbox header

Image
Clash Royale CLAN TAG #URR8PPP Issue with extjs checkbox header I'm currently implementing part of a project in ExtJS, the requires me to modify an existing grid to only show checkboxes on rows with a certain status(different than AN, NP, RS), this status is determined by the value in record.data.codiceStato : selectionModel = Ext.create('Ext.selection.CheckboxModel', {checkOnly : true, listeners : { select:function(sm, idx, rec ){ alert("Look ma!"); }, beforeSelect : function(sm, idx, rec ) { if(idx.data.codiceStato == 'RS' || idx.data.codiceStato == 'AN' || idx.data.codiceStato == 'NP') return false; } } ,renderer : function(value, metaData, record, rowIndex, colIndex, store, view) { if(record.data.codiceStato != 'RS' ...