Update using javascript for coral touch ui tag based auto complete | Community
Skip to main content
srinivas_chann1
srinivas_chann1
New Participant
November 14, 2019
Solved

Update using javascript for coral touch ui tag based auto complete

  • November 14, 2019
  • 3 replies
  • 1921 views

Hi,

Based on the link Update using javascript for coral touch ui tag based auto complete

I am populating for dialog  on load using $(#TagIdcomp).find('ul.js-coral-Autocomplete-selectList > li[data-value="'+tagVal+'"]').click();

  But  on submit i need to capture the values from autocomplete dialog  in JavaScript. So that i could process those in java using ajax

Could you please provide inputs as what will the javascript code will be very helpul.

I have the tag

<tagRegion

         jcr:primaryType="nt:unstructured"

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

         fieldLabel=" Tag"

                                        multiple="{Boolean}true"

         name="../../tagsRegion"

        granite:id="TagIdcomp"

         mode="contains">

          <datasource

           jcr:primaryType="nt:unstructured"

           sling:resourceType="cq/gui/components/common/datasources/tags"/>

          <options

           jcr:primaryType="nt:unstructured"

           sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/list"/>

          <values

           jcr:primaryType="nt:unstructured"

           sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/tags"/>

                                    </tagRegion>

Thanks.

Thanks

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by arunpatidar

    var field = $form.find("input[name='../../tagsRegion']");

    field.each(function( index ) {

       $( this ).val();

    });

    3 replies

    srinivas_chann1
    srinivas_chann1Author
    New Participant
    December 5, 2019

    Hi Arun,

    Do you have any idea as how this could be solvedAEM 6.3 Coral touch ui pathfield for multiple values using javascript .

    Any inputs on the post will help

    Thanks

    srinivas_chann1
    srinivas_chann1Author
    New Participant
    November 19, 2019

    Thanks Arun. Your response was very useful.

    For multi selection values  i used

    var multiTagValues=field .map(function(){return $(this).val();}).get();

    arunpatidar
    arunpatidarAccepted solution
    New Participant
    November 16, 2019

    var field = $form.find("input[name='../../tagsRegion']");

    field.each(function( index ) {

       $( this ).val();

    });

    Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...