Skip to content

Archive for

12
Jun

[Updated] ExtJs 4.2: Changing column’s editor dynamically in ExtJS RowEditor

ExtJs 4 Row EditorA while ago I have written a blog on how to change the field type inside a row editor dynamically with ExtJs 3. Since then I received a number of requests for the same example in ExtJs 4. It has been way overdue, so here it is.

An online demo is available in joekuan.org and the source code can found in github.

9
Jun

Highcharts: Enhancing User Interaction on Pie/Donut Charts – Dynamic Connector

Donut chart with dynamic connectorRecently, I got a request from a Highcharts user asking me how to improve the user interaction on pie charts; when the pointer is hovered over a slice:

1. An arrow appears outside the pie section
2. A text box appears in the center of the donut charts showing the hovered section data

I think this is a good exercise and demonstration to show how flexible and powerful Highcharts can be. In this blog, I will show you how to convert a normal donut chart into the one showing here and you can try the online demo.

Read more »

6
Jun

[Updated] ExtJs 4.2: Using multiple fields inside a row editor cell for editing large values

A few people messaged me that the multiple fields row editor demo in my joekuan.org demo site is broken since I updated to ExtJs 4.2.

I have fixed the demo and it is working fine now. Also I have created a github repository, ExtJs_Examples, which contains all the one off examples code that you will find in joekuan.org (more will be checking-in).

References

[Updated] ExtJs 4.1.1: Using multiple fields inside a row editor cell for editing large values

ExtJs 4: Using multiple fields inside a row editor cell for editing large values