Category Archives: Extjs / Sencha

Extjs

Posted on by
Reply

 

http://www.max-bazhenov.com/dev/upload-dialog-2.0/index.php

http://www.diloc.de/blog/2008/03/05/how-to-submit-ext-forms-the-right-way/

E Todo

Tendina x ordinamento

Drag and drop per ordinamento

Se elemento è disattivo, lo metto fuori lista o la lascio lì, ma lo saltonel conteggio

Upload, verificare w e h

Ricordami nel login

Pagina iniziale stile bachecha del plesk

Cambio lingua sulla destra come il datepicker

Status bar con messaggi di errore

Colonna di sx con panel credit + paner versione.

Pulsante refershi su ogni sezione

http://examples.ext.net/#/GridPanel/MultiHeader/Filter/

Themer

http://www.freewebs.com/jokurocks/ExtJS/resources/css/Themer.html

http://dev.sencha.com/deploy/dev/examples/themes/index.html

Form login

http://www.extjs.com/learn/Tutorial:Basic_Login

http://www.packtpub.com/load-validate-submit-forms-ext-js-3.0-part1

http://www.packtpub.com/article/load-validate-submit-forms-ext-js-3.0-part1?utm_source=js_ext_js_cook_abr2_1009&utm_medium=content&utm_campaign=janice

Form

http://geekswithblogs.net/lszk/archive/2009/09/13/forms-with-ext-js-again.aspx

buttons

http://www.packtpub.com/article/buttons-menus-toolbars-in-ext-js

Encoding

http://www.extjs.com/forum/archive/index.php/t-70090.html

Ajax+JSON response

http://stackoverflow.com/questions/1747267/how-to-embed-json-result-within-extjs-panel

http://www.extjs.com/learn/Manual:Forms:Result_Format

http://www.lib.virginia.edu/scripts/yui_ext-1.0.1/docs/output/Ext.data.JsonReader.html

Parser JSON

http://roshanbh.com.np/2008/10/creating-parsing-json-data-php.html

Upload images

http://defafe.com/tutorial-extjs-upload-file-and-image/

Upload Dialog

http://www.extjs.com/forum/showthread.php?t=11111&page=7

how-to-display-image-on-extjs-form

http://defafe.com/how-to-display-image-on-extjs-form/

Upload file and image

http://defafe.com/tutorial-extjs-upload-file-and-image/

file manager

http://extplorer.sourceforge.net/

Image inside gridpanel

http://www.miamicoder.com/post/2009/10/11/How-to-Display-an-Image-Inside-a-GridPanel-Cell-Part-3.aspx

Inserire applet java

winCPS = new Ext.Window({

width: 517,

height: 500,

id: ‘winCPS’,

title: “,

bodyCfg: {

tag: ‘applet’,

archive: ‘cps.jar’,

code: ‘cps.connexion.AppletConnexionCPS.class’,

codebase: ‘.’,

cn: [

{tag: ‘param’, name: ‘Langue’, value: ‘Francais’},

{tag: ‘param’, name: ‘ServletsRepository’, value: “},

{tag: ‘param’, name: ‘Port’, value: ‘80’},

{tag: ‘param’, name: ‘XML’, value: ‘Global.xml’},

{tag: ‘param’, name: ‘GIF’, value: ‘cps.gif’}

        ]

    }

});

Livedemo

http://www.ext-livegrid.com/demo/

Datepickerplus

http://www.lubber.de/extjs/datepickerplus/?&lang=IT&extv=3.1.1

Ext.scheduler

http://miamicoder.com/post/2009/12/30/Using-the-Ext-Scheduler-Part1.aspx

http://miamicoder.com/post/2010/02/22/Using-the-Ext-Scheduler-Part2.aspx

Namespace

http://extjs.wima.co.uk/example/9

http://hamisageek.blogspot.com/2009/02/extjs-tip-sortable-grid-rows-via-drag.html

PAGING TOOLBAR

Campo di ricerca in paging toolbar

http://www.foscode.com/extjs-grid-search/

http://www.sk-typo3.de/index.php?id=345

Page resizer

http://www.bewareofthebear.com/ext-js/ext-js-pagingtoolbar-pageresizer/

filtri alle colonne di un grid

XXX http://www.extjs.com/forum/showthread.php?41658-Grid-header-filters

http://triin.net/temp/filter-row/

mascherare le finestre con statusr bar

http://superdit.com/2010/05/24/extjs-window-form-masking-with-statusbar/

Adding a “submit on enter” in ExtJS formpanels.

Posted on by
Reply 
buttons:[{
id: 'btnLogin',
text: 'Accedi',
formBind: true,
handler:function(){
login.getForm().submit({
method: 'POST',
waitTitle: 'Connessione',
waitMsg: 'Invio dati in corso...',
success:function(){
var redirect = '../layout-browser/';
window.location = redirect;
},
failure:function(form, action){
if(action.failureType == 'server'){
obj = Ext.util.JSON.decode(action.response.responseText);
Ext.Msg.alert('Login fallito!', obj.errors.reason);
}
else{
Ext.Msg.alert('Warning!', 'Authentication server is unreachable : ' + action.response.responseText);
}
login.getForm().reset();
}
});
}
}],
keys: [{
key: [Ext.EventObject.ENTER], handler: function() {
Ext.getCmp('btnLogin').handler.call(Ext.getCmp('btnLogin').scope);
}
}]
});

Grid header filters

Posted on by
Reply

Although I’m not using the filter grid I did create my own by placing some combo boxes in the header element of the columns. This worked fine for 3.2.2. However, when the refresh is performed the headers are overwritten. I did find this difference in the code between 3.2.2 and 3.3:

In 3.3, the onDataChange event in GridView calls refresh with a parameter of “true” indicating to refresh the headers. In 3.2.2 there is no such parameter passed. On constructing my GridView I override onDataChange and call the refresh w/out any parameter. The headers stay intact although I found another bug.

cioè bisogna sovrascrivere il metodo onDataChange di Ext.grid.GridView scrivendo una cosa del genere:

Ext.override(Ext.grid.GridView,{
onDataChange : function(){
this.refresh();
this.updateHeaderSortState();
this.syncFocusEl(0);
}
});

Callback

Posted on by
Reply 
var grid = new Ext.grid.GridPanel({
     store: new Ext.data.JsonStore({
          [...]
          listeners: {
               load: this.onLoadSuccess.crateDelegate(this),
               exception: this.onLoadException.createDelegate(this)
          }
     }),

     onLoadSuccess: function () {
          // success
     },

     onLoadException: function () {
         // error
     },

     [...]
 }