ExtJS RecordFormPanel

nospam@example.com (John Kleijn) — Wed, 29 Dec 2010 12:39:50 +0100

Say you have a an overview component, like a grid, and you need to edit that. The best approach would be to load the record into the form and invoke BasicForm's "loadRecord". This means you'll be using the Store for persistence though, and BasicForm.submit() no longer does the trick. Especially when creating new records, directly inserting that into the store a grid uses is extra useful. It means the grid wont have to reload it's data from the server and immediately shows the inserted record.

The solution is creating a form type that loads records and uses a store for persistence. This is relatively simple and seems like this functionality should be available in the Ext library. In any case, below is my implementation.

Continue reading "ExtJS RecordFormPanel"

How To: Create Linked Remote Comboboxes in ExtJS

nospam@example.com (John Kleijn) — Sat, 24 May 2008 06:52:00 +0200

ExtJS is a pretty awesome JavaScript library, that allows you to build user interfaces that are as easy to use as the ones found in desktop applications. Some of it's implementation is fairly complicated, and the amount of options and classes can be a bit overwhelming. I've learned a lot of new tricks lately, one of which I'm going to share with you in this post: creating 'linked' remote comboboxes.

Once you know how, it turns out to be stunningly simple I'm not covering the very basics of using ExtJS (in this case, creating a form), check out the ExtJS site for plenty of examples and tutorials on ExtJS basics.

Continue reading "How To: Create Linked Remote Comboboxes in ExtJS"

John Kleijn - JavaScript

ExtJS RecordFormPanel

How To: Create Linked Remote Comboboxes in ExtJS