JIRA Gadget - Create a drop down list based on a REST call

Question

I am writing a new JIRA gadget. I want to have a user preference field called Version which can be loaded dynamically from the backend via a REST call.

Please help with the approach and code.

THanks

tousifs · Answer

Hi Techie Guy, #oauth #supportedLocales("gadget.common,gadget.user.activity") you can specify the customized user preferences. e.g Version AJS.gadget.fields.projectsOrCategoriesPicker(gadget, "projectpicker"), -- it will get focused on load. this way you can add project picker. or any if you still want to add simple select field manually you can refer the https://developer.atlassian.com/display/GADGETS/Gadget+Developer+Documentation

Techie Guy · Answer

Thanks Tousif. But this will not be a user preference then. Also I am looking for more of a dropdown than a numbered list or unnumbered list.

Your thoughts ? Do you know of sample code which displays dropdown ?

tousifs · Answer

Hi,

You can refer existing Gadget's according to there standard they have created what you want

e.g

view: {
                        template: function(args) {
                            var gadget = this;

var projectList = AJS.$("
");

AJS.$(args.projectData.projects).each(function() {
                                projectList.append(
                                    AJS.$("
").append(
                                        AJS.$("<a/>").attr({
                                            target: "_parent",
                                            title: gadgets.util.escapeString(this.description),
                                            href: "__ATLASSIAN_BASE_URL__" + "/browse/" + this.key
                                        }).text(this.name)        
                                    )
                                );
                            });

gadget.getView().html(projectList);
                        },
                        args: [{
                            key: "projectData",
                            ajaxOptions: function() {
                                return {
                                    url: "/rest/tutorial-gadget/1.0/projects.json"
                                };
                            }
                        }]
                    }

may be it will work for you .

please refer https://developer.atlassian.com/display/GADGETS/Gadget+Developer+Documentation it will helpful for you.