Intersoft Community - Crosslight - How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

Arief — Wed, 21 Oct 2015 09:39:41 GMT

Hi Jimmy,

I think I don't get the scrambling value, except one issue which are sometimes when I modify the value for at least 4 items, the top item OldQty already changed into NewQty even though I not yet saved.

There is the reason that I think why this happened which like what you said which in my case caused by only having 1 Qty. The best practices if you have two Field to handle NewQty and OldQty, is actually from servers.

Here are my solutions it is rather crude but the logic actually very simple, I just send you three files where I change things

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Fri, 16 Oct 2015 16:59:18 GMT

Thanks Arief! That worked perfectly!

But, here comes another issue... or possibly on how batch update is working with this setup. Try to use an Android phone, and modify the values for at least 4 items, save them and then reload. Check that the values are scrambled. I guess this has something to do with scrolling the items, like there's a virtualization going on to the listview which reuse previous controls in return the values of the old is being replaced by the new bound item.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

Arief — Fri, 16 Oct 2015 08:41:51 GMT

Hi Jimmy,

here is the solutions: you can simply add WindowSoftInputMode = SoftInput.AdjustPan in your activity like this:

[ImportBinding(typeof(ItemListBindingProvider))][Activity(Label = "My Inventory", LaunchMode = LaunchMode.SingleTop, Icon = "@drawable/icon", WindowSoftInputMode = SoftInput.AdjustPan)]
public class ItemListActivity : ListActivity<ItemListViewModel>
{
}

This is actually a bug from Android as you can see here:

https://kb.xamarin.com/customer/portal/articles/1690276

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

Arief — Fri, 16 Oct 2015 02:27:46 GMT

Hi Jimmy,

Ah very sorry, I remember which bug it is, let me check the solutions.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Thu, 15 Oct 2015 16:49:20 GMT

Yeah. Well, there's that issue with the keypad. Apparently even with physical devices that behavior seems to be very annoying. Appreciate it if you can look at it. Thanks!

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

Arief — Thu, 15 Oct 2015 04:08:28 GMT

Glad it helps! please do inform us if there are a problem with the samples.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Tue, 13 Oct 2015 17:53:30 GMT

Awesome! Hey Arief, I'm not sure if you noticed, that when the list is loaded the first time you set focus in a textbox for quantity (based on your samples) the keyboard popups for a split second and the focus from the textbox is lost. In return you need to click the textbox again to bring the keyboard back up. Please confirm and advise how we can fix it... Thanks!

Okay, I think this may be related to the emulator.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Tue, 13 Oct 2015 17:43:41 GMT

Awesome! Hey Arief, I'm not sure if you noticed, that when the list is loaded the first time you set focus in a textbox for quantity (based on your samples) the keyboard popups for a split second and the focus from the textbox is lost. In return you need to click the textbox again to bring the keyboard back up. Please confirm and advise how we can fix it... Thanks!

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

Arief — Tue, 13 Oct 2015 10:12:58 GMT

Yes can confirm Jimmy here is the sample for ios, please check the view controller and tableviewcell in view, I actually don't need to override, but I still need to register the Item Binding Adapter.

https://onedrive.live.com/download?resid=9F657B5249D6BB8D!115&authkey=!AKXcI9Tb9pDU3v4&ithint=file%2czip

You can use your webApi to run the samples.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Fri, 09 Oct 2015 12:50:30 GMT

Yes, that is a workaround we already applied. But please do inform us regarding CROS-397 and please confirm if this will work the same with iOS since the EditText property from the document is also bound to a string value. And if the iOS approach is going to work with more than one editable textbox as oppose to the sample shown on the document. As always, thank you for your support.

How to Use Crosslight to Bind Custom ListItemView with Inline Editing?

jtungol@silentpartnersoft.com — Tue, 22 Sep 2015 19:19:21 GMT

Hi Guys,

Looking at the attached mockup screen, is this possible with Crosslight binding? The goal of this is to provide a good user experience. While using a ListView and FormEditor to edit each item, it's not a good user experience to go back and forth from views just to modify a single or few editable values. This is relatively easy with Windows Phone or WinRT in terms of binding and batch update the list once the user clicks Done/Save and/or Back (if IsDirty is true only). But we need to this on iOS and Android as well... so, is this possible with Crosslight binding solutions? Of course, a sample for iOS and Android would be very much appreciated. Thanks!