how to add listeners to multi-field text-field for touchui

[mayurij73490671]

help would be appreciate !!

this below approach is not working for multifield texfield listeners .

cq:dialog.xml for multifield

<vanityurl

                                    cq:showOnCreate="{Boolean}false"

                                    jcr:primaryType="nt:unstructured"

                                    jcr:title="Vanity URL"

                                    sling:resourceType="granite/ui/components/foundation/form/fieldset">

                                    <items jcr:primaryType="nt:unstructured">

                                        <vanitypath

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/form/multifield"

                                            cq-msm-lockable="sling:vanityPath"

                                            fieldLabel="Vanity URL"

                                            renderReadOnly="{Boolean}true">

                                            <field

                                                jcr:primaryType="nt:unstructured"

                                                sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

                                                name="./sling:vanityPath"

                                              class="vanityPathClass"

                                                required="{Boolean}true"/>

                                        </vanitypath>

                                    </items>

                                </vanityurl>

listener.js

(function (document, $, ns) {

  "use strict"; 

  $(document).on("keyup", ".vanityPathClass", function (e) {

      var path = $(this).closest("form.foundation-form").attr("action").replace("/_jcr_content","");

      var vanityTitle=$(this).val();

console.log('----- bar -----');

console.log('----- path -----'+path);

console.log('----- vanity -----'+vanityTitle);

  });

[smacdonald2008]

Talked to our AEM TOuch UI Experts on thisl Response was:

for the listener to register you can add it on “add” of mutlfield, so something like…

var $multifield = $("#my_mult_field");
 
 $multifield.find(".js-coral-Multifield-add").click(function(){
 var textfield = //find the textfield in multifield
 });

[smacdonald2008]

We will also put out a HELPX article on this use case too in early 2018.

[mayurij73490671]

thanks

but i need events on multifield keyup to check entered string (vanity-url ) is unique to the project ..

[smacdonald2008]

Check #11 here -- 2018 Community Articles (Updated Dec 21)

[riteshm19780411]

I am also having the same issue. I am trying to add minimum, maximum limit configuration extension to Coral 3 Multifield - 6.4 but it is not working.

[aanchal-sikka · Accepted solution]

Please refer to the following blog:

https://experience-aem.blogspot.com/2017/12/aem-63-sample-coral-3-multifield-item-listener.html