Dynamically add input to list item (iOS5 reminder-like) - sencha-touch

How can I add an item to a List using the same method of iOS5 Reminder? I'd like the "New" button to add an input to the last, empty item of the list, focus on it and let the user add the new item.
Thanks.

It still need some improvement, but it works.
Demo
GitHub
Hope this helps

Related

How to make Add to cart By id In VueJs?

I've been facing a problem whilst I'm working with a eCommerce demo file with VueJs. I have add all the required code but when I click on Add To Cart option in a same file, the product shown like below-The Problem I'm facing
I assume you want the quantity to increase instead of adding a new item. Wherever the logic is that adds a new item, first loop through the cart and check if the matching item already exists. If it does, increment the quantity by one. If not, add a new item.
Can't help much more than that without details.

Adding user input when adding product to cart

I'm trying to add a textbox to accept user input before they add that product to the cart. I need to add the content of that textbox as an option to that particular lineItem but so far I haven't been able to, i.e., adding that text as an entry in LineItemOption.
I already looked into 'virto-commerce.js' and found out (at least i suppose) that this new dynamic field needs to be passed inside the 'options' parameter but I haven't been successful yet.
Anyone else been through this problem that can help? Thank you.

Sencha Touch: Clear listeners on an individual list item

In a TreeStore I have a list item / record which differs from all the other records. I want to execute window.open() whenever the user clicks on this specific record. The other records should maintain their usual functionality. (leafItemTap => detailCard)
I have tried all events of NestedList that made sense to me but no success.
My basic idea is to clear all listeners on the list item and add a custom one for the window.open() task.
Try to use select event, it's preventable so you just need to return false. However, you need to do extra work to deselect previously selected item:
http://docs.sencha.com/touch/2.3.1/#!/api/Ext.dataview.List-event-select

Add Control after Items in GridView Group

I'm currently developing a Windows 8 Store app that uses a Grouped GridView in the HubPage showing Highlights for some Categories. So far, when clicking the Header you see More Highlights for this Category.
Now i want to add a control at the end of every Group leading the User to the "non-highlight" Category site, where just all the Items of this category are displayed.
Is there an easy and elegant way to do this - propably with a Template is suppose.
( i think the latest Bing-News-App has a similar feature )
Thanks in advance for every help.
There are a couple of ways you can do this.
You can add an arbitrary object to the end of your group, then use a DataTemplateSelector to style it.
You can create your own VariableSizedWrapGrid with the control added to the end in the constructor (slash "Arrange"). You can then add an arbitrary click handler as a dependency property and only show the button if the click handler is set, so you can reuse this on other pages, etc.
You can change the GroupStyle to include something similar at the end of the group, but it likely won't animate with the other items in the group (if that's important to you).
The easiest one to do is probably the first one. If your group is a list of SampleItems then make a subclass of the SampleItem class called something similar to TerminalSampleItem. Create a template for it (like you've made other data templates). Make an ItemTemplateSelector that has two properties, NonTerminalDataTemplate and TerminalDataTemplate (assuming you only have two data templates). Have the SelectTemplateOverride function check for (item is TerminalSampleItem);

Get selected item of ListBox on another page

I have made an application with two pages. When the user clicks an item on the listbox of the first page, the second page is supposed to show up with details about the clicked item.
I have a problem with accessing the selected item in the listbox of the first page from the second page.
How can I get this working?
You can't do that, because after navigation the first page no longer exists. You have to pass that value first:
How to pass values (parameters) between XAML pages?
Easiest way - to pass data by navigation parameter, it is just like GET HTTP method, Nokia has an example of how to do it here.
Second way - to store value in IsolatedStorage, for example in IsolatedStorageSettings , here Microsoft topic about it.