js event on cdd rendered as checkbox not fired

[arie]

Hi,

javascript event attached to cdd (click, change) are not fired at all.

Regards,

 

[cheesegrits]

Hmmm, that rings a bell with another issue we resolved. Looking at it now.

-- hugh

 

[cheesegrits]

OK, yeah, it works on initial page load (like when editing existing data), but the event isn't getting correctly removed and re-applied when the content is updated, i.e. when the watched element changes and the CDD display changes.

Working on it now.

-- hugh

 

[cheesegrits]

OK, should be fixed as of this commit:

https://github.com/Fabrik/fabrik/commit/1e59b675fdb39e978759251e762232713116dd89

http://screencast.com/t/M0FgSZb735

-- hugh

 

[arie]

I've installed the new fix and it's resolved the issue but now, when updating the cdd using js

Fabrik.getBlock('form_id').elements.get('table___element').update('')

the cdd isn't refreshed

 

[cheesegrits]

Was that working prior to the JS event fix?

-- hugh

 

[cheesegrits]

OK, hopefully should be fixed as of this commit:

https://github.com/Fabrik/fabrik/commit/1050add2eab010e7d114cf94155ad4b2e417d150

-- hugh

 

[cheesegrits]

OBTW, just so's you know ... not sure how we did it in 3.0, but in 3.1/2, if you are updating to anything other that "nothing" (empty string), it'll expect either an array, or a JSON representation of an array. And the value comparison is strict (===), so will need to be strings, like ...

Using JSON ...

Fabrik.getBlock('form_5').formElements.get('fab_cdd_test___city2').setValue('["1438", "1441"]')

... or using an array ...

var foo = ["1438", "1441"];
Fabrik.getBlock('form_5').formElements.get('fab_cdd_test___city2').setValue(foo);

Using an array of integers ...

var foo = [1438, 1441];

... wouldn't work.

-- hugh

 

[arie]

are you sure the commit fixed the cascadingdropdown? because it seems the commit fixed databasejoin.js

 

[cheesegrits]

Yes. The CDD clas extends the join class, and uses the same update code.

Did you try it? Works for me. City 2 is a CDD ...

http://screencast.com/t/4JzaHexa5J

-- hugh

 

[arie]

ok great.
SO now, let's say we have a cdd #2 linked to another cdd #1. If I manually update the cdd #1 by using

setValue()

js's function, do the cdd #2 should automatically run an ajax update for its own value?
Or do I have to use a specific js function to run the ajax update? If yes, what is the function please?

In my case, the cdd #2 dosen't do the job when I call setValue()

Thanks

 

[cheesegrits]

We only fire the elements 'change' event, to trigger any daisy chained CDD's, when it's actually running a change in response to the watched element being changed. The assumption is if you are setting values yourself, you probaby want to be in control of what is going on. So you need to fire that off yourself, with something like ...

yourcdd.element.fireEvent('change', new Event.Mock(yourcdd.element, 'change'));

... which will trigger the change code for anything watching it, i.e. should cause cdd #2 to do an AJAX call to the server and pick up it's new values. And 'youcdd' is your CDD object reference from the formElements.get().

-- hugh