Ext JS

Mega Discount Sencha Ext JS

Din 04 Februarie 2020 beneficiați de MEGA reducere de 25% pentru setul de 5 licente Ext JS de la Sencha. Oferta promoțională include access online la Essential Ext JS 7.1 Training. Oferta de discount Sencha Ext JS este valabilă până pe data de 29 Februarie 2020 și nu este eligibilă pentru renewal! Solicită oferta promoțională Sencha prin formularul de mai jos : Accelerați dezvoltarea aplicațiilor web cu un enterprise-ready framework, componentele și instrumentele căruia sunt create pentru a lucra perfect împreună. Discount Sencha Ext JS se oferă pentru soluția de top de la Sencha. Ve-ți beneficia de peste 115 librării de componente presetate inclusiv: Grid — Handle millions of records and provides built-in functionality such as sorting and grouping. Pivot Grid — Add powerful analytics functionality to React applications. Exporter — Export data from the standard grid or Pivot Grid to a wide variety of common formats. Layouts — Ensures the proper sizing and positioning of all components with the powerful and flexible layout system. Charts — Visually represent data with a broad range of dynamic and static charts including line, bar, and pie charts. D3 Adapter — Add sophisticated Data-Driven Documents package (D3) visualizations such as heatmaps, treemaps, sunbursts and more to your web applications. Promoția cu Discount Sencha Ext JS este oferită în Romania exclusiv prin partenerul oficial, Dimensional Data

Read More

New Release: Sencha Ext JS 7.1!

The Sencha product team is thrilled to announce the General Availability of Sencha Ext JS 7.1 – version 7.1 for Ext JS, ExtAngular, ExtReact, ExtWebComponents and tooling. Read on to learn more about the improved product features of this release. Highlights of Sencha Ext JS 7.1 Significant improvements to the Ext JS Modern and Classic toolkits. High fidelity UI and UX component enhancements to Sencha’s popular grid component, focused on row editing, horizontal and vertical scrolling, improvements to grid locking capabilities, drag and drop and data-bound grid applications. Improvements to text and form input components including combo box, radio group, text area, and tag field, spanning usability, responsiveness, performance and Material theme styling. New component examples in the API docs for Ext JS, ExtAngular, ExtReact and ExtWebComponents which make it easy to copy-paste the source to your application. The improved API documentation for Ext JS, ExtAngular, ExtReact and ExtWebComponents making it easier to find properties, methods, and events. Upgraded Froala WYSIWYG Editor to support the version 3.0 Improvements to ExtGen View Package generation Several quality improvements to JetBrains plugin Quality improvements to Sencha Themer tool Sencha Ext JS 7.1 – New Component Examples Configuring Sencha Grid in the framework of choice is simple. Find more angles and examples on how to configure the Grid in our revised API Docs. Ext JS Components We’re driving an accentuated focus on Ext JS Classic and Modern toolkit quality fixes to make it easier and faster to build data-rich applications. The engineering team has implemented numerous Ext JS Grid improvements such as quality enhancements to the editing, scrolling, locking, drag and drop, RadioGroup, Combo, Tagfield features and more. Here’s one of our new examples for the Ext JS Modern Grid. Try it out in the fiddle. ExtReact Components The Ext JS components for React (ExtReact) have been drastically improved. We have improved the runtime used for React There are improvements in the documentation and all quality improvements for Ext JS directly flow into the React library as well. Intermix our components in any method in JSX. The API Docs docs now reflect the Ext JS Component declaration that can be used in JSX. Here’s one of our new examples for the ExtReact Grid. Try it out in the fiddle. ExtAngular Components We have new and renewed improvements in the Ext JS components for the Angular framework (ExtAngular). The runtime used for Angular has been greatly improved. Improved documentation accuracy. All the quality improvements for Ext JS are also reflected in the ExtAngular library. The API docs now reflect the Ext JS component declaration which can be used in the HTML Angular markup. ExtWebComponents in Sencha Ext JS 7.1 Last year we launched ExtWebComponents, a framework agnostic approach to application development. This release adds some additional improvements to this product as well. Writing platform-agnostic applications with JavaScript ECMA 2016+ classes, syntax is easier. We have improved the runtime for the web components. All the quality improvements for Ext JS are also reflected in ExtWebComponents. The API docs now reflect the Ext JS component HTML element tag name for ext-grid. The new ExtWebComponent charting example (written with custom elements and ECMA 2016+ syntax) shows how to use the fetch API in any browser using polyfills for older browsers. Learn how to generate data-rich apps quicker with Ext JS web components. […]

Read More

Ext JS și Google Maps pentru vizualizarea datelor geospațiale

Vizualizarea datelor geospatiale utilizând Ext JS și Google Maps Deseori,când vine vorba de lucrul cu date geospatiale (adică date care au asociate informații despre locație), aveți de multe ori nevoie de o modalitate faină de a vizualiza datele din aplicația dvs. pentru a fi utile. Ext JS include un pachet „ux” care conține diferite extensii de utilizator (inclusiv una pentru Google Maps) care vă permite să încorporați cu ușurință o hartă cu informații pe ea în aplicația dvs. Ext JS, împreună cu funcționalitatea încorporată de adăugare automată a markerilor pe hartă în baza datelor dintr-o baza de date din aplicația Dvs. Prin aceasta postare vom demonstra o aplicație simplă construită folosind Ext JS și Google Maps care conține o grilă și o hartă pentru vizualizarea locației clienților. Această aplicație este proiectată să funcționeze atât pe telefon, cât și pe desktop. Atât grila, cât și harta se vor lega de aceeași sursă de date – un set de date de exemplu care conține nume de clienți, adrese, coordonate latitudine / longitudine și număr de licențe software pe care le dețin. Primii pași Vom începe cu setările inițieale în Ext JS și Google Maps. Pentru a crea această aplicație, începeți prin crearea unei aplicații Ext JS noi. Pentru acest exemplu, am folosit Sencha Ext JS 7.0 Modern Toolkit. Pentru ca Google Maps să se redea corect în aplicația dvs., va trebui să generați o cheie API Google Maps prin intermediul consolei Google Cloud Platform, așa cum este descris aici. Această cheie API se asociază la una sau mai multe adrese URL unde aplicația rulează și permite redarea hărților personalizate fără a fi necesar un mesaj de eroare „Google Maps API is required”. După ce ați generat cheia API prin Google Cloud Platform Console și i-ați asociat o adresă URL permisă (de exemplu http: // localhost: 1841), deschideți fișierul app.json și adăugați următoarele în rădăcina fișierului, făcând astfel asigurați-vă că introduceți propria cheie API: Sencha Ext JS va adăuga această cheie (împreună cu orice alți parametri de șir de interogare specificați) la solicitarea la încărcarea Google Maps JavaScript API. În timp ce aveți fișierul app.json deschis, va trebui să adăugați și pachetele ux și google în tabloul necesar: Crearea modelului și a Main View Data model pentru această aplicație este o structură simplă, cu coordonate de nume, adresă, latitudine și longitudine și un câmp care conține numărul de licențe deținute de client: Codul pentru Main View va combina vizualizarea grilă și harta (ambele sunt create în secțiunea următoare). Aceast View prezintă grila și harta poziționate unul lângă celălalt pe orizontală folosind un layout hbox. Totuși, acest lucru nu va arăta grozav pe un telefon, datorită ecranului îngust, așa că putem schimba dinamic aspectul în funcție de tipul platformei și puteți trece la utilizarea unui layout vbox dacă nu folosiți un dispozitiv desktop, specificând următoarea platformConfig pe Main View. Această configurație va poziționa grila deasupra hărții folosind un layout vbox, folosind mai bine spațiul disponibil fără a fi nevoie să definiți vizualizări complet separate (una pentru desktop și alta pentru telefon). Puteți perfecționa acest lucru în continuare adăugând reguli suplimentare bazate pe dimensiunea ecranului sau orientarea ecranului. Vederea principală are, de asemenea, un View Model asociat cu acesta, care conține configurația Magazinelor Clientului și câteva exemple de date înscrise: Ext JS și Google Maps […]

Read More