Blog

Using Ext Gantt with Ruby on Rails

My name is Johan and I’ve just started working at Bryntum after working with Ext JS for about 8 years at my previous job. During my first week there was a forum post requesting a Ruby on Rails demo which I decided to build. This blog post contains a guide that explains the basics of integrating Ext Gantt with RoR. The guide shows step by step how to set up …

Disabling Animations In Your Siesta Tests

While testing your web application frontend, it’s key to have stable tests producing consistent results. This means rerunning a test multiple times under varying CPU load should always give a reliable predictable outcome. Animated CSS transitions and JS based animations are two things that could introduce instability for your UI tests such as race conditions while the mouse cursor is being moved.

Below is a simple example expanding an …

Tips & Tricks: Animating Your Ext.DataView

If a data field in your Ext.data.Model has a visual representation in your View, such as the % complete of a progress bar, it is preferable to be able to do a “smart diff” of the rendered markup. By default the Ext.DataView replaces the entire DOM structure representing a Model when a Store change is detected. Doing a smart diff means traversing the DOM structure of a View …

Using Ext Gantt & Scheduler 4.x with Sencha Cmd

Lately we have received a few questions from our community on how to use the shipped Bryntum packages with Sencha Cmd. For a while now, both the Gantt and Scheduler distributions ship with ready to use Sencha Cmd packages. They are located in the “packages” sub-folder inside each file archive. To use the packages in your application you need to execute two basic steps:

1. Install the packages. …

Introducing Bryntum Robo

Today we are proudly rolling out the first release of Bryntum Robo – a new undo/redo framework for the Ext JS data package.

Undo/redo is not a trivial feature to add to web applications. An application might define complex data processing rules involving data from different collections, and sometimes data can be mistakenly stored in the user interface. Being able to accurately revert the data to an earlier …

New Ext Gantt Features: Spreadsheet, Replicator And Copy/Paste

We just released Ext Gantt 4.0.3 with plenty of bug fixes and a few notable features. These new features have all been added to our advanced sample so if you’re in a hurry, you can try a new updated live example by clicking here.

Spreadsheet selection model

When the spreadsheet model was added to Ext JS, we were very happy and saw great potential. This selection …

5 Great Siesta Tips n Tricks For Your Testing Toolbelt

Siesta contains a lot of useful features that you may or may not be aware of. Reading the Siesta docs is a great way to learn and we also try to post about all the improvements here in the blog. If you keep track of our changelog, you might already be know some of the tips in this post but we’re pretty sure you’ll learn something new so …

Detecting Application 404s with Siesta

Today we added a nice new feature to Siesta which makes it possible to detect loading errors of SCRIPT, IMG and LINK tags (and any other tags which fire the ErrorEvent). Detecting these kind of resource load errors when manually testing your application can be tricky and time consuming since normally we only see these 404s in the console of the browser.

How to use this …

Finding Memory Leaks In Sencha applications

We recently received a bug report regarding memory leaks in our Touch Scheduler product. This was the first time we had heard of a memory issue so we decided to do a thorough investigation. Generally, debugging and finding JavaScript memory leaks can be very time consuming and tedious so it helps to know as many tricks as possible to debug efficiently. In this post I’ll share some of the techniques …

Announcing Ext Gantt And Ext Scheduler 4.0

We’re super excited today to announce the 4.0 version of our scheduling components: Ext Gantt and Ext Scheduler. As always with major releases, there has been a number of improvements and bug fixes made to both products. We’ve upgraded both products to use the latest version of the Ext JS platform – v6.0.0. A very cool thing in Ext JS 6 is the new imageless theme called Triton. …