What makes your ExtJS application run so slow ?

By “slow” here I mean the slow run-time, not the load time of resources. In the past one year and a half, I have been working at Bosch Software Innovations, Robert Bosch, where our frontend technology stack heavily relies on ExtJS. I had chances to develop Visual Rules Web Modeler and helped with several other [...]

ExtJS – How to scroll Ext.Panel by Drag and Drop ?

In an ExtJS panel (Ext.Panel) where the content area is huge but the Panel size is limited, users usually use the MouseWheel to scroll vertically Up and Down. However, the Drag n Drop feature could actually allow users to scroll both vertically and horizontally by dragging and dropping the content (or body) of Ext.Panel. In [...]

ExtJS Accordion-Vbox custom hybrid layout

ExtJs has two well-known layouts called Accordion and Vbox. Basically, in a vertical list of panels, AccordionLayout manages multiple Panels in an expandable accordion style such that only one Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing. VboxLayout, on the other hand, arranges items vertically down [...]

IE z-index bug

Z-index bug on IE is a well-known flaw that most of front-end web developers have heard about. It is documented pretty clear on PPK Quirksmode: http://www.quirksmode.org/…/Explorer_z_index_bug.html and here http://therealcrisp.xs4all.nl/../IE-zindexbug.html Basically here is the break-down of the workaround…

ExtJS Vertical TabPanel example

Currently, ExtJS 3.1.1 doesn’t support Vertical TabPanel. Here is my simple custom Vertical TabPanel ux class. Currently, it supports the same set of features as Ext.Tabpanel except advanced auto tab-scrolling feature. Default position is “left”. Tested working on FF2+, IE6+, Chrome 4, Safari 4, and Opera 10. You can put the source files in ExtJS [...]

The interesting javascript window object

As we all know that in Client-side Javascript, the Window object is the global variable, a host object, that contains attributes of the current opened window. An interesting part is this object also has a property called ‘window‘ which refers to itself. I’m not sure why this special object is implemented that way.

IE and CSS class-chaining

Internet Explorer 6, 7 both do NOT support CSS class-chaining as a couple of articles floating around on the internet say. Basically, CSS class-chaining is used to select HTML elements which have multiple CSS classes: For example:

Javascript: Function length vs arguments

One of the reasons quite a number of programmers don’t like Javascript because it’s weird, behaving differently on different browsers.. and hard to debug.. However, it’s quite fun or even addictive to learn JS also for that reason. Below is a brief on two mysterious properties of Javascript functions : length, and arguments.

ExtJS : How to disable browser context menu

This is a quick solution to disabling browser default context menu when right-clicking in ExtJS.

JSMag for FREE

JSMag is currently kinda the only Javascript magazine for enthusiastic front-end developers. I’m a subscriber of this magazine, finding it really fun, and interesting to read, especially if you love Javascript. This is a must-read for you and only costs $4.99. You can purchase at JsMag or ..I will periodically, and per request, upload old [...]