[by d5chris]

1 - Thats a good question! I've often wondered if thats possible. To my knowledge, no. However if i'm wrong it'd be great...
2 - You can use an itemtap listener to remove the selection as soon as it...

[by d5chris]

Here's what's happening:
When you're declaring restHandler inside your ext.setup, it's only being declared inside that scope.
When you're declaring it outside ext.setup, its in the global scope,...

[by d5chris]

Yes, the way you're doing it is more realistic: xtypes inside a formpanel. So you'd have something like:


form = new Ext.form.FormPanel({
items: [{
xtype: 'fieldset',
title: 'Edit Message...

[by d5chris]

That should be fine, simply have 5 selects all with store: myStore

[by d5chris]

Sure:


Ext.regModel('MyOption', {
fields: [
{name: 'text', type: 'string'},
{name: 'value', type: 'string'}
]
});

[by d5chris]

If you're using a Ext.form.Select, it has a 'store' property for just this purpose, so you should be able to do that. Eg set up a model and store to pull from your database, and bind the select to...

[by d5chris]

I don't think it's possible, because basic auth uses http headers, and JSONP uses '<script ... />' tags which have no way of specifying headers. You may have to find another approach.

[by d5chris]

That bit of code gets called when they tap on a 'leaf' element in the list - eg they've tapped on an item that won't expand into another list.


var ds = subList.getStore(),
r =...

[by d5chris]

A List will do the trick nicely and will do your groupings and the a-z on the right hand side.
You'll just need to put the code for your + and - in your itemTpl and you're good to go.

[by d5chris]

Ok great, and now for the explanation of *why* it worked:

When you had your code like this: "test.views.HomePanel = Ext.extend(Ext.Panel,{...", what it is doing is declaring a class, which is like...

[by d5chris]

Yes, i'd use the way you described, eg:


<a href="javascript:MyNamespace.myView.myHandler()">asdasd</a>

However I'm using sencha touch's MVC features, so in my case, i simply used a route eg:...

[by d5chris]

That function is used to set which card is visible, and you can use it to specify a sliding animation for the transition too.

[by d5chris]

How about something like this:


containerPanel = new Ext.Panel({
fullscreen: true,
layout: 'card',
items: [
{
html: '<h1>Card 1</h1>'
},

[by d5chris]

I have the same requirement.
Basically the only way i solved it was to put an <a href=... in the template and style it with CSS so it looks similar to a sencha button.
However if you come up with a...

[by d5chris]

Try this:


test.views.HomePanel = Ext.extend(Ext.Panel,{
fullscreen: true,
cardSwitchAnimation: 'cube',
items: [
{xtype:...

[by d5chris]

This is what you want:

'<img src="{[this.findImage(values.user.Name)]}"/>',

the 'values' is the key.

[by d5chris]

I just use plain old javascript setTimeout and setInterval...

[by d5chris]

I simply follow the naming convention from here:
http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap
And if in doubt, just do things as per normal javascript, eg...

[by d5chris]

Yeah i've noticed the same, you're not the only one - those tabs don't seem to work. Maybe they only are sortable if you actually are on an iphone - eg not within a desktop browser?
I know that with...

[by d5chris]

Thanks :)

As for scrolling, you'll want some combo of layout and scroll settings on the list and the panel to get it to work.
My preference is to get the fullscreen panel to have layout:fit and...

[by d5chris]

Sure you can do that. Just have a boolean field (or whatever) in your model to determine which template you want to render, and use <tpl "if... statements appropriately.

The docs you want are...

[by d5chris]

A good place to start, if you have the time, is to read the ruby on rails guides on MVC - they explain the concepts quite neatly: http://guides.rubyonrails.org/

But in short:
A controller is...

[by d5chris]

I think i found it: You haven't added your 'restaurantList' to the 'items' array in your unnamed fullscreen panel.
Try that, eg:


new Ext.Panel({
fullscreen: true,
id: 'content',
...

[by d5chris]

Hi,
How do you position a list after a variable-height (due to template) panel ?

I have a template panel like so:


var templatePanel = new Ext.Panel({
tpl: [
'<tpl for="show">',
'<p...

[by d5chris]

This is how i do it on my lists:


listeners: {
itemtap: function(dv, ix, item, e) {
// Delay the selection clear
// so they get a nice blue flash for HCI's sake...