Tag Archives: ExtJS

Proyecto Inicial para sencha ExtJs 6.0

La creacion de un proyecto de Sencha ExtJS 6 usando Sencha CMD es bastante simple. Hacemos la generacion de un proyecto de una forma relativamente sencilla como es usar el comando: >> sencha -sd /ruta_a_framework_6.0/ generate app  app03 app03   Una vez ejecutado el comando de generacion de proyecto nos genera nuestro proyecto que puede […]


ExtJS starting point with Sencha Cmd

via ExtJS and Sencha Cmd tutorial for beginners.

When I started with ExtJS several years from now, I worked on a project that included the library in standard script src manner.

I can’t recall that in the time Sencha came up with Sencha Cmd so it seemed completely okay to do so. The project worked out, everyone was happy. I later noticed that lots of folks out there still do this, and I wont argue whether this is a good practice or not, but I started to avoid it as soon I’ve learned the better way.

For a long time (as lazy as one developer can be), I refused to use any external or ready made command line tools for front-end development, as they seemed like another step that will just slow down the process and waste my time. So I didn’t use Sencha Cmd. My colleague and co-author on this blog – Goran, started using it and came up with words – Dude this thing does all that work for us.

As soon I learned about Sencha Cmd and benefits of using it, I started hacking it’s possibilities and it delivered complete happiness to my life. It’s really robust tool that makes your work easier and development cycle looked fulfilled for the first time. Before that we used bunch of various handmade scripts for tasks like minification, deployment, etc. And those scripts were so loosely coupled that you had to look everywhere if something goes wrong. Lots of people worked on those, so you had to go after them in order to find out what exactly this thing does. It was boring, time consuming and generally blocking.

All that washed out as soon we migrated from that chaotic point to the enterprise workflow as people at Sencha described it as best practice for their products – Sencha Cmd.

ExtJS Store

via ExtJS Store – ExtJS Tutorials.

ExtJS Store is the glue between the data you see and the data itself.
Store represent model instances or collection of data which can be loaded and than manipulated. ExtJS store is one of ExtJS No.1 features. Data loaded with store can be grouped, sorted, filtered and much more.. now we can imagine ExtJS grids and features like sorting, filtering etc.

In most cases we bind a store to a component like ExtJS grid or combobox for example and the component will be populated with store data. We will see below how easy is to do that. We will also talk about ExtJS Proxy, because store uses proxy (another important segment) to load data. Lets start…

Video Part 1: ExtJS Full Web Application Spring MVC Tutorial

Source Code is available to download here : https://dl.dropboxusercontent.com/u/3…

Video: ExtJS 5 Tablet support and What’s New in Sencha Cmd 5

‘Ext JS in Action SE’ will discuss Ext JS 5 Tablet support, and the new features of Sencha Cmd 5.
Jay Garcia has 20 plus years of technology and consulting experience in leading RIA development for companies around the world. He is actively involved in the Sencha community, and the author of ‘Ext JS In Action SE’ and “Sencha Touch In Action.’
Grgur Grisogono has background in JavaScript, Ext JS and Sencha Touch with a wealth of experience in architecture and implementation of desktop and mobile applications. Grgur is co author of “Ext JS In Action SE.’
Modus Create is a highly motivated, interdisciplinary team that believes in lean development, design strategy, and user experience to develop stunning applications with emerging technology.

Getting started with Netzke

via Getting started with Netzke.

Netzke is a set of Ruby gems that helps you build client-server components, represented in the browser with the help of Sencha Ext JS, and on the server are powered by Ruby on Rails. It’s most useful for creating complex data-rich applications that have to provide the UI to a lot of different data – think about banking, logistics, call centers, and other ERP systems.

In this walk-through I’ll show you how little time it takes to set up a simple application with 2 interacting grids that provide the UI to 2 associated (one-to-many) Rails models. As both grids will be powered by the Netzke::Basepack::Gridcomponent, you may be surprised with all the features like sorting, pagination, search, multi-line editing, etc that this app will provide out of the box.

So, let’s get started.

Sencha ExtJS Tutorial: An Introduction to ExtJS 5

via Sencha Ext JS Tutorial: An Introduction to Ext JS 5 | Codementor.

Sencha has been around since year 2007, with 2 million developers world-wide uses it and over 10 thousand commercial customers, including 60% of the Fortune 100 companies such as Google, Adobe, and Salesforce. As JQuery and other libraries came out in 2006, Sencha was quite revolutionary at the time of its first release, but it is now year 2014 and Sencha’s flagship Ext JS has now evolved into version 5 (and recently updated to 5.1 as of December).