Monday, April 30, 2012

Writing an asynchronous task that takes a parameter (Ext JS 4.x)

See http://www.appfoundation.com/?p=462 on AppFoundation.

I needed to have a timer for each iteration of a loop and I needed to pass in parameters to have it behave differently depending on some loop specific settings. I couldn't find any examples so I resorted to looking through the source code and founds the "args" attribute on the task object.

Friday, April 27, 2012

Displaying an iFrame at 100% height and width in a dynamic Panel (Ext JS 4.x)

Some more work at AppFoundation: http://www.appfoundation.com/?p=453

Ultimately all of this is interacting with the HTML model so as long as you can translate into that you are able to almost anything. There were problems with this in terms of research because of the difference in how iFrames are handled in the various versions of Ext JS. In an earlier version there was even an iFrame component. While there are several components available for other versions of Ext JS, I couldn't get them working in the exact manner in which I wanted so I ended up just taking the simple approach. The simple approach being just putting the HTML tag for an iFrame in a panel.

See the link for the code.

Thursday, April 26, 2012

Resetting the selection in a combobox (Ext JS 4.x)

Resetting the selection in a combo box require the following three lines:


myComboBox.clearValue();
myComboBox.applyEmptyText();
myComboBox.getPicker().getSelectionModel().doMultiSelect([], false);

Loading JSON data from a web service into a combobox (Ext JS 4.x)

I posted this on AppFoundation's blog: http://www.appfoundation.com/?p=447

It explains the series of hoops I had to jump through in order to take JSON data from a web service and put it in a combo box in Ext JS 4.

What to include in app.js (Ext JS 4.x)

I am hosting this post on AppFoundation's blog: http://www.appfoundation.com/?p=442

It explains what to include in your application to avoid common dependency errors in Ext JS 4.