List control / Switch control events

[Steve Workings]

I'm trying the List control in-place editing for the first time, not getting what I need or expect.

In particular (so far at least) , I've put a switch control into the row - shows up just fine. The In-place Editing Properties / Control Settings presents a list of Events. I know not every control has every event, by the Switch control doesn't seem to make use of the onChange, afterEdit, onBlur or onKeyUp events. I'd prefer to use the onChange event.

But none of these seem to be firing. I am testing with "console.log('thiseventname');" test.

So, how can I put a switch control on a list and have the onChange event actually firing?

And this doesn't *have* to make use of the in-place editing if there's some other way to put a switch control (with events) into a list row.

[Russell Craycraft]

Are you looking for something along the lines of a button on the list? I'm not sure what you are trying to accomplish, but the below is how I edit using full screen and may help you.

I personally do not like the in-place editing from what I have tried to build, nor do I like popup windows or a list with detail view next to it wasting my screen real estate. (This weeks Alpha Webinar has me looking forward to using the current version when the time comes though).
I use a button on the list to delete items, and it is super easy, quick, and clean.
I then use panel cards, and add a list event dbl click or a button labeled "edit" to slide in a new panel that lets users edit data easily that way.

[Steve Workings]

I'm replacing a repeating section I cannot get to work in the current builds. So, for starters, I simply have a list control. It has a couple pieces of static text, and a single switch control. I want the user to be able to simply switch the value of the switch control and be able to fire a "save" event when that switch changes values. User should be able to go right on down the list, set what they want and be done.

Snap4.png

[Steve Workings]

Add/update:

I created a very simple test case, attached here if anyone wants to try.

I put javascript alert()s on the various events for the Status control - which is also the switch control. Nothing.

_InPlaceListTest.a5wcmp

[Jay Talbott]

Steve,
Does this help?
Here's the code:

setTimeout(function(){

var statusOfStatus = {dialog.object}.getValue('list::LIST2::Status');

alert(statusOfStatus);

var rowText = {dialog.object}.getValue('list::LIST2::Description');

alert(rowText);

// put code to save list here

},1000)

sw.png

Jay

[lgrupido]

Jay,

That sort of works, but try clicking the switch more than once and it doesn't fire the second time. Also, it fires even if you click elsewhere in a new row but not on the switch.

So if you turn a switch on, wait a moment for the alert, then switch it off again, it doesn't fire the second time.

Also, if you had two different switches on the same line, or if you had a switch and an editable text field you would need to test old.value and new.value to figure out what had changed.

[lgrupido]

Steve,

Watch this video.

"Using in-place editing to edit data in a List based on a..." - Videos - Viddler

I am not sure about the events you are trying to use or why you need them to work, but it certainly explains how to get the information to save, which I think in this case is the basic issue, no?

It’s a bit round about, but it makes a certain amount of sense I suppose.

[ferryk17]

Hi Steve, please try this updated component. Let me know if that helps.

[Jay Talbott]

Ferryk17, that is nice.

I am curious why you didn't put the javascript code in the OnUpdateRow event to save the list.

Is your thought to put the javascript in the Xbasic return function?

Jay

[ferryk17]

Ferryk17, that is nice.

I am curious why you didn't put the javascript code in the OnUpdateRow event to save the list.

Is your thought to put the javascript in the Xbasic return function?

Jay

Hi Jay, I did that to show the way get can read the values on both client side and server side.

[lgrupido]

When I run that component out of the gate, I get an error that e._status is not found. I was able to fix it, but I am not sure I understand why what I did worked!

I changed the call to:

{dialog.object}.ajaxCallback('','','test','','_test=test&_status='+data.Status+'&_id='+data.N_ID);

Having the _status be first did not work right.

[peteconway]

You don't need inplace editing to use a switch in a list. just use the switch.

[Steve Workings]

Thanks all. Sorry for the day's delay in following up. Ferry - I think that'll work. I was focused too narrowly on getting the control's events to work - which still leaves me wondering but out of time to pursue further.

Update: Well, this just isn't fun yet. This list/example is actually a child list so it gets repopulated a whole lot. And, every time it does that, the onUpdateRow event fires.

Either (a) there must be some way to do this so the onUpdateRow event doesn't fire during list population or (b) my original wish of triggering a callback with the switch control's events could be used. Why would properties for events even be there if there are really no events?