Carousel Dialog Listener

[shreyasdm]

I have a multifield containing fields image path,image description,image heading,button label and button url.

Here i want to get button label (xtype-Text field) and button url (xtype-pathfield) values at the dialog level listener.

function(dialogObj)
              {
                
                var multifield= dialogObj.getField("./carousel");//carousel is the name of the multifield.
                
                var buttonLabel = multifield.items.items[3];//to access button label
                
                
                }

I have used the above code.Here i am not able to get the value present in button label field.

I have attached the screenshot of my dialog.

[kautuk_sahni]

Hi

The dialog image you are showing seems like of classic UI (Or Touch Ui dialog is not created).

For Classic UI (Dialog listener) :- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

For Touch Ui (Dialog Listner) :- https://helpx.adobe.com/experience-manager/using/creating-touchui-events.html

    // (function ($, $document) {
        "use strict";
          $document.on("dialog-ready", function() {
            $(window).adaptTo("foundation-ui").alert("Open", "Dialog now open, event [dialog-ready]");
        });
        $(document).on("click", ".cq-dialog-submit", function (e) {
            //$(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, selector [.cq-dialog-submit]");
        });
        $document.on("dialog-ready", function() {
            document.querySelector('form.cq-dialog').addEventListener('submit', function(){
                //$(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, selector [form.cq-dialog]");
            }, true);
        });
        $document.on("dialog-success", function() {
            //$(window).adaptTo("foundation-ui").alert("Save", "Dialog content saved, event [dialog-success]");
        });
        $document.on("dialog-closed", function() {
            $(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, event [dialog-closed]");
        });
    })($, $(document));

You can implement dialog listener and with listener event you can collect data easily.

~kautuk

[smacdonald2008 · Accepted solution]

To successfully work with a Multifield and read the values in a field located in a MF - see this article: 

https://helpx.adobe.com/experience-manager/using/jstl.html

Hope this helps...