DOM object update does not show up in gadget

Kannan S October 27, 2013

The following code adds the project name and project portfolio details dynamically to a div but does not show in the gadget

(function() {
      var gadget = AJS
                  .Gadget({
                        baseUrl : "__ATLASSIAN_BASE_URL__",
                        view : {
                              enableReload : true,
                              template : function(args) {
                                    var gadget = this;
                                    var portFolio = AJS.$("");
                                    var projectName = AJS.$("");
                                    var projectList = AJS
                                                .$("<select>")
                                                .change(
                                                            function() {
                                                                  var selVal = this.value;
                                                                  AJS.$
                                                                              .ajax({
                                                                                    url : "/rest/project-info-dashboard-gadget/1.0/project-info/projectNames.json",
                                                                                    cache : true,
                                                                                    success : function(
                                                                                                response) {
                                                                                          AJS
                                                                                                      .$(
                                                                                                                  response.projects)
                                                                                                      .each(
                                                                                                                  function() {
                                                                                                                        if (this.projectName == selVal) {
                                                                                                                              AJS
                                                                                                                                          .$(
                                                                                                                                                      "#portFolio")
                                                                                                                                          .text(
                                                                                                                                                      this.portfolio);
                                                                                                                              AJS
                                                                                                                                          .$(
                                                                                                                                                      "#projectName")
                                                                                                                                          .text(
                                                                                                                                                      this.projectName);
                                                                                                                        }
                                                                                                                  });
                                                                                    },
                                                                                    failure : function(
                                                                                                response) {
                                                                                          alert("failure");
                                                                                    }
                                                                              });
                                                            });
 
                                    AJS.$(args.projectData.projects).each(function() {
                                          projectList.append(AJS.$("<option>").attr({
                                                value : this.projectName
                                          }).text(this.projectName));
                                    });
                                    projectList.append("</select>");
                                    projectList.append(AJS.$("<div></div>").attr("id",
                                                "portFolio"));
                                    projectList.append(AJS.$("<div></div>").attr("id",
                                                "projectName"));
                                    gadget.getView().html(projectList);
 
                              },
                              args : [ {
                                    key : "projectData",
                                    ajaxOptions : function() {
                                          return {
                                                url : "/rest/project-info-dashboard-gadget/1.0/project-info/projectNames.json"
                                          };
                                    }
                              } ]
                        }
                  });
 
})();

1 answer

1 accepted

0 votes
Answer accepted
Kannan S October 30, 2013

i did not check the style of the div. So when i gave the height of the <div> tag in showed up

Suggest an answer

Log in or Sign up to answer