sencha extjs

fonte: dal web

Rieccoci a parlare di Sencha ExtJs, uno tra i più interessanti e potenti framework Javascript oggi in circolazione. Quello che vediamo in questo breve tutorial è un comodo override da applicare ad tutti i widget “Window” per centrare nello schermo la renderizzazione delle finestre.

Questo approccio è molto comodo quando stiamo implementando ad esempio l’interfaccia di un applicativo che richiedere l’utilizzo di molte finestre, come ad esempio un gestionale o un CMS. La potenza di Sencha ExtJs rispetto ai molti framework Javascript considerati suoi “avversari” (Dojo in primis) è data proprio dal fatto che questo prodotto mette a disposizione degli sviluppatori tutta una seria di widget semplici, completi e decisamente funzionali, tutti praticamente pronti all’uso.

(continua…)



sencha extjs

fonte: dal web

Sencha ExtJs sta guadagnando sempre più terreno nel panorama dei framework Javascript per lo sviluppo di applicazione web ma anche mobile, grazie alla sua flessibilità, efficiente, potenza e facilità d’uso.

In questo tutorial vedremo una piccola funzione per leggere uno specifico parametro passato nell’URL.

(continua…)



sencha extjs

fonte: dal web

La navigazione del DOM (Document Object Model) e l’utilizzo dei selectors (selettori) sono due caratteristiche fondamentali sulle quali possiamo confrontare i diversi framework javascript a disposizione per lo sviuppo delle moderne interfacce web complesse.

Sencha ExtJs mette a disposizione gli strumenti per lavorare e manipolare le pagine web: in questo tutorial vedremo come selezionare elementi specifici della pagina, come manipolarli e come recuperare le informazioni contenute negli elementi stessi.

(continua…)



 

sencha extjs

fonte: dal web

Con l’aggiornamento a Internet Explorer 9 (IE 9) non sarà possibile utilizzare le web application che abbiamo equipaggiato con ExtJs versione 3.*: IE9 infatti non supporta il metodo createContextualFragment generando errori che nella pratica non permettono la navigazione del sito. Il metodo javascript createContextualFragment è utile quando vogliamo creare un oggetto DocumentFragment con del contenuto iniziale: createContextualFragment era stato inizialmente pensato come alternativa all’ormai più diffuso e conosciuto metodo innerHTML.

Se per diversi motivi non possiamo aggiornare il framework Sencha ExtJs alla versione 4 (in cui la fix dovrebbe essere già impostata), possiamo utilizzare una piccola fix per risolvere il problema.
(continua…)



Zend Framework

fonte: dal web

Piccolo appunto da tenere sempre pronto per chi sviluppa con Zend Framework, il potente framework rilasciato dalla Zend Technologies. Zend Framework implementa i database Adapter per fornire un ulteriore livello di astrazione e facilitare così la connessione delle nostre applicazioni in PHP con diversi RDMBS.

L’implementazione vera e propria è data dalla classe Zend_Db_Adapter : esiste un Adapter per ogni RDMBS disponibile, e comunque il framework è predisposto per poter scrivere nuove implementazioni senza particolari problematiche. Nella pagina della documentazione relativa alla classe Zend_Db_Adapter è disponibile l’elenco degli Adapter che Zend_Db fornisce al driver PDO per accedere ai diversi RDMBS.

(continua…)



 

sencha extjs

fonte: dal web

In questo tutorial vedremo come inserire codice HTML in un Container Sencha ExtJS. La soluzione di questo problema ci aiuta in tutti quei in cui abbiamo la necessita di visualizzare informazioni all’utente senza tuttavia perdere gli strumenti che ci mette a disposizione un framework potente come Sencha ExtJS.

(continua…)



Zend Framework

fonte: dal web

Questo è uno dei trucchetti che può davvero far comodo conoscere quando sviluppiamo web application con Zend Framework (ZF). Quando creiamo un progetto con ZF ci troviamo di fronte una struttura tipicamente simile alla seguente:

nome_preogetto/
   application/
      controllers/
      models/
      views/
         scripts/
   library/
   public/
   tests/

(continua…)



sencha extjs

fonte: dal web

Fornire effetti visuali interessanti e piacevoli ad una applicazione è un elemento importante nella progettazione ed implementanzione delle interfacce grafiche: grazie ad essi infatti possiamo non solo fornire informazioni e feedback all’utente finale in maniera semplice ed estremamente intuitiva e gradevole, ma anche e soprattutto rendere la navigazione del sito piacevole e decisamente più accattivante.

In questo tutorial vedremo alcuni dei più importanti effetti grafici che Sencha ExtJs ci permette di applicare agli elementi della nostra interfaccia. Vedremo come, con pochissime righe di codice e con qualche accortezza, possiamo dare alle nostre interfacce tutto un altro aspetto.

(continua…)



sencha extjs

fonte: dal web

In questo articolo vedremo come gestire in un layout complesso un tree panel ExtJs con PHP. Il tree panel è un componente ExtJs che ci permette di gestire una categorizzazione di elementi attraverso l’utilizzo di un albero: l’albero è molto comodo per gestire grandi quatità di dati, perchè essendo una struttura gerarchica risulta chiara e semplice da utilizzare per l’utente finale.

Un “layout complesso” è un layout che combina insieme diverse strutture, in modo da creare delle interfacce più ricche di informazioni e che, interagendo tra loro, permettono di usufruire delle informazioni in maniera più chiara e diretta. Prima di iniziare ad analizzare il codice, cerchiamo di focalizzare quanto vogliamo ottenere. Il risultato finale di questo tutorial è disponibile al seguente indirizzo.

(continua…)



sencha extjs

fonte: dal web

Oggi vi segnalo una delle risorse più interessanti disponibili attualmente in rete per vedere all’opera il framework javascript Sencha ExtJs: vediamo un pò più in dettaglio cosa possiamo trovare nelle Saki’s Extensions.

Questo sito combina alcuni degli esempi più interessanti disponibili sul sito ufficiale di Sencha ExtJs in demo davvero notevoli: il risultato è un insieme di demo utilissime per chi vuole approfondire o conoscere le potenzialità di  Sencha ExtJs , come ad esempio il CheckTree Panel (un tree esteso che permette di selezionare i nodi di un albero grazie ad una checkbox) e l’ArrayTree (che permette di creare un tree partendo da un array statico di elementi).

(continua…)



sencha extjs

fonte: dal web

ExtJs sta conoscendo un successo davvero notevole, sia in ambito web sia in ambito mobile. Dopo l’articolo sull’integrazione tra ExtJs e PHP, vediamo un altro interessante esempio delle potenzialità di questo flessibile framework javascript.

Quello che vedremo in questo articolo è più un trucco che altro, ma in alcune situazioni è decisamente utile e ci fa risparmiare un sacco di tempo e di problemi. Ecco lo scenario: supponiamo di voler aprire una nuova finestra del browser a seguito di un’azione esguita dall’utente sul client (es. click su un bottone, click su un link, ecc.) . Potremmo usare il classico metodo javascript:

window.open ("http://www.blogrammazione.com","newwindow");

ma non sempre questo rappresenta una scelta vincente, perchè non tutti i browser rispondono bene in determinate situazione (es. la creazione “on-the-fly” di pdf su una nuova finestra Internet Explorer 8 non funziona correttamente).

Come risolvere?

(continua…)



Zend Framework

fonte: dal web

Oggi vi segnalo un interessantissimo video disponibile su YouTube al seguente indirizzo in cui vengono presentate le potenzialità di Zend Framework per lo sviluppo di applicazioni web in ambito mobile.

Il video (in lingua inglese e della durata di circa 11 minuti) spiega dettagliatamente i passi necessari per configurare la nostra web application in modo che risponda adeguatamente anche in un contesto mobile, attraverso la configurazione e l’impego del componente Zend_Http_UserAgent itnrodotto con l’ultima versione rilasciata di Zend Framework, la 1.11 .
(continua…)



Zend FrameworkProseguiamo lo studio di Zend Framework analizzando le diverse tecniche possibili per accedere ai dati di configurazione contenuti nel file application.ini . L’ application.ini è il file responsabile della configurazione della web application: in questo file sono contenute informazioni sensibili, come ad esempio le credenziali della base di dati, i percorsi delle directory principali, e molto altro ancora. Il file ha una struttura gerarchica che permette di utilizzare contemporaneamente più configurazioni diverse (es. “produzione”, “testing”, “develop”).

(continua…)



Zend FrameworkIl messaggio di errore “Could not determine temp directory, please specify a cache_dir manually” viene restituito da Zend Framework quando non è impostata o non è possibile scrivere nella directory per il salvataggio dei dati temporanei. Questo provoca chiaramente l’immediato crash dell’applicativo.

(continua…)



Lavorando con Zend Framework in diverse occasioni avremo la necessità di disabilitare il layout e la renderizzazione della vista. Per effettuare l’upload di file ad esempio potrei aver bisogno di una action da richiamare in un determinato controller, senza però per forza applicare a questa una vista.
(continua…)