PeterKellner.net

I’m leading a 3 hour hands on lab titled "MindSource Birds of a Feather 55 (BoF) – Developing Mobile Applications using SenchaTouch 2.0" on May 23rd in Mountain View California.  This is our first go around this so we are limiting attendance so if you are interested, you’ll need to sign up asap.  The URL to sign up is

http://www.eventbrite.com/event/3491482117/mtup

We do have a small $20 free to both help cover some costs as well as get a clear picture of what attendance will be.  MindSource will be picking up the additional expenses beyond the $20 paid fees.

Hope to see you there!

Here are the details:

Join us for this fast-paced hands-on lab where you will develop your own working mobile application to run on iPad, iPhones, and Android devices. Learn the fundamentals of developing mobile web applications with SenchTouch 2.0 by working in small teams to develop a rudimentary conference scheduling application and explore a number of important Sencha libraries.

The course will start with setting up a developer environment and creating your first “hello” App, cover the theory of mobile app design theory and the basics of MVC design, and progress to building the Conference Session Viewer, and create panels for button and toolbars.

After a break, then you will learn how to work create storage facilities and add styling. We will conclude with Q&A.

Bring your own Laptop!   Each module will take about 25 minutes, and if you get behind, you can take our completed code and move on to the next. This way, everyone will finish!

MindSource is honored to have Peter Kellner as our speaker.  Peter is founder and president of 73rd Street Associates and is a seasoned software professional specializing in high quality, scalable and extensible web applications. For the past six years, Peter has worked extensively with Microsoft’s ASP.NET and Sencha’s desktop and mobile developer platforms (ExtJS and SenchaTouch).  Peter delivers production software using these technologies.  Peter lectures regularly on these technologies at international conferences including DevConnections and VSLive as well as many local users groups.  Peter has headed up Silicon Valley Code Camp at Foothill College for seven years and also leads the local Sencha Community Meetup.

Hope to see you there!

Sometimes,the simplest things can seem complicated.  Well, in this case, after struggling for a while, it turns out the simplest things can actually be pretty simple.  The application I’m building right now (with Sencha’s ExtJS and ASP.NET) is a simple log viewer.  My server base app uses NLog which does a great job of logging the errors, but the errors are all on my server and I need to see them.  So, hence I need a simple log viewer.  Here is what it looks like once it’s all done.

Notice that we have a toolbar that we can check a box in as well as a field to type some text into.  I’m going to assume that creating the windows, the grid, dropping the toolbars on the page (both paging and top toolbar) are something that you know how to do.  The only thing I’m really going to mention is how you go from a grid panel that pages correctly to one that pages correctly with some parameters being sent to the server.

So, it turns out all you have to do is assign an id to each of the controls on your top toolbar, create a beforeload store event where you retrieve the values from your toolbar, then set the store’s proxy extraParams values to be the filter parameters you want passed.  OK, that’s a mouthful so let me show it in steps.

1.  Assign id’s to the toolbar parameters. (screen shot of the checkbox below)

2.  Create a beforeload event in your store for the gridview and get the components you want

3.  Put some code in the beforeload even that gets these components, then sets the ExtraParams value associated with the stores proxy.

var checkboxerroronly = Ext.getCmp('checkboxerroronlyid');
var usernamefilter = Ext.getCmp('usernamefilterid').getValue();

var displayErrorOnly = checkboxerroronly.checked;
store.proxy.extraParams.errorsOnly = displayErrorOnly;
store.proxy.extraParams.username = usernamefilter;

4. And just run it!  If you look at your network traffic, you will see both the errorsOnly and username parameters passed on every page refresh and page forward and back.

Hope this helps!

(sorry, no source code for this one, just some tips in the middle of a project I’m doing)