Ext JS

ExtJs4

Ext JS 4 JavaScript Framework for Rich Apps in Every Browser
- Ext JS API Documentation
  - Ext JS 4 API Documentation
Documentation française de la bibliothèque Javascript d'ExtJs distribuée par la société Sencha,
- ExtJs4
- Migration de ExtJs3 vers ExtJs4

Télécharger ExtJs4

Ext JS 4.0.7 (October 19, 2011)
Ext JS 4.0.2a (June 9, 2011)

Le tri distant (depuis le serveur) d'une grille/store extjs4

// A ajouter les propriété du datastore
remoteSort:true,
 
// A l'appel, le serveur recevra
/*
http://www.placeoweb.com/devel/extjs4/test.grid.004.json.read.php?
_dc	1315471548204
limit	10
page	1
sort	[{"property":"my_param","direction":"ASC"}]
start	0
 
store.sorters.add(new Ext.util.Sorter({
    property : 'shoeSize',
    direction: 'ASC'
}));
*/

Les filtres distants (depuis le serveur) d'une grille/store extjs4

Il est possible de supprimer un filtre spécifique (clearFilter() supprime tout). Pour cela, à la place d'utiliser la méthode store.filter('property_to_filter','value'), utilisez :

// A ajouter les propriété du datastore
remoteFilter:true,
 
// L'ajout dynamique de filtre
store.filters.add('filtersId', new Ext.util.Filter({
  property: 'property_to_filter',
  value: 'value'
});
store.load();
 
// A l'appel, le serveur recevra
/*
http://www.placeoweb.com/devel/extjs4/test.grid.004.json.read.php?
_dc	1315479986004
filter	[{"property":"property_to_filter","value":"value"}]
*/

Pour supprimer le filtre, utilisez :

store.filters.removeAtKey('filtersId');

Tips

Ext JS iterator functions le parcours de tableaux : Ext.each, Ext.iterate, Ext.pluck, Ext.invoke, Ext.partition, Math functions
Unchecked checkbox in ExtJS 4 In ExtJS 4 you can use the checkbox provided by the framework, just make sure you set the ‘uncheckedValue‘ property. permettant d'envoyer au serveur même les checkbox qui ne sont cochées.
ExtJS 4 RowEditing disable edit on one column based on record
What is equivalent to colModel in ExtJS 4.01?

Problèmes

Lenteur lorsque l'on cache des colonnes dans une Grid

Ext.tab.TabPanel - performance when adding or hiding tabs Extjs3 vs. extjs4

Ressources ExtJs4

Learn Ext JS
- The Grid Component Any Ext.grid.column.Columns in a Grid Panel that do not have a editor configured will not be editable.
Blog / Ext JS
- Infinite Grid Scrolling in Ext JS 4
Sencha Inc.’s Presentations on SlideShare
- Ext.XTemplate : Advanced Templates for Ext JS
ExtJS DateFormat Issue In the Store use type:'date', dateFormat: 'c' in the column use xtype: 'datecolumn', format: 'Y-m-d H:i:s'
How can I get a GridPanel to show the correct time in ExtJS 4? renderer: Ext.util.Format.dateRenderer('Y-m-d H:i')
ExtJs4, how to edit manually cell datetime with text format (without timefield or datefield) in gridpanel?
Learn Some Things : Tag Archives: extjs
Stack Overflow
- Tagged Questions extjs4
- Hot answers tagged extjs4
Spring Roo Controller for Extjs4 data store with pagination, sorting, filtering and server side validation.

DateTime

Extjs 4 et Eclipse

Spket

ExtJs3

Ext Js
insideExtJS.com, une ressource pour apprendre la libraire ExtJS.

Traduction française de Ext, afin d'avoir les message en français

Pour ajouter le fichier de la langue française, il faut ajouter dans ta page html, après l'inclusion des lib ext :

<script type="text/javascript" src="js/ext/locale/ext-lang-fr.js"></script>

Personnellement, j'ai crée un répertoire locale dans lequel je mets uniquement le fichier ext-lang-fr.js.