Add items to SelectDialog dynamically












0















I need to add more items to the SelectDialog control based on the Odata from the backend based on a condition. The code is,



 if (!this._oDialog) {
this._oDialog = new sap.m.SelectDialog({});
this._oDialog.setModel(oParentModel);
this._oDialog.bindAggregation("items", {
path: "/et_getSidSet",
template: new sap.m.StandardListItem({
title: "{Sid}"
})
});


if (v === '1') {
var oItem1 = new sap.m.StandardListItem({
title: 'PC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
} else if (v === '2') {
var oItem1 = new sap.m.StandardListItem({
title: 'AC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
var oItem2 = new sap.m.StandardListItem({
title: 'IC2',
type: 'Active'
});

this._oDialog.addItem(oItem2);
}}


The issue is, when I click on helprequest icon, the item is not adding for the very first time. However, its added from second time onwards.
I need the item to get added for the first time.



Thanks in advance!










share|improve this question

























  • Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

    – Breakpoint
    Nov 20 '18 at 19:30











  • Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

    – Olayinka O
    Nov 21 '18 at 10:36


















0















I need to add more items to the SelectDialog control based on the Odata from the backend based on a condition. The code is,



 if (!this._oDialog) {
this._oDialog = new sap.m.SelectDialog({});
this._oDialog.setModel(oParentModel);
this._oDialog.bindAggregation("items", {
path: "/et_getSidSet",
template: new sap.m.StandardListItem({
title: "{Sid}"
})
});


if (v === '1') {
var oItem1 = new sap.m.StandardListItem({
title: 'PC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
} else if (v === '2') {
var oItem1 = new sap.m.StandardListItem({
title: 'AC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
var oItem2 = new sap.m.StandardListItem({
title: 'IC2',
type: 'Active'
});

this._oDialog.addItem(oItem2);
}}


The issue is, when I click on helprequest icon, the item is not adding for the very first time. However, its added from second time onwards.
I need the item to get added for the first time.



Thanks in advance!










share|improve this question

























  • Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

    – Breakpoint
    Nov 20 '18 at 19:30











  • Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

    – Olayinka O
    Nov 21 '18 at 10:36
















0












0








0








I need to add more items to the SelectDialog control based on the Odata from the backend based on a condition. The code is,



 if (!this._oDialog) {
this._oDialog = new sap.m.SelectDialog({});
this._oDialog.setModel(oParentModel);
this._oDialog.bindAggregation("items", {
path: "/et_getSidSet",
template: new sap.m.StandardListItem({
title: "{Sid}"
})
});


if (v === '1') {
var oItem1 = new sap.m.StandardListItem({
title: 'PC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
} else if (v === '2') {
var oItem1 = new sap.m.StandardListItem({
title: 'AC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
var oItem2 = new sap.m.StandardListItem({
title: 'IC2',
type: 'Active'
});

this._oDialog.addItem(oItem2);
}}


The issue is, when I click on helprequest icon, the item is not adding for the very first time. However, its added from second time onwards.
I need the item to get added for the first time.



Thanks in advance!










share|improve this question
















I need to add more items to the SelectDialog control based on the Odata from the backend based on a condition. The code is,



 if (!this._oDialog) {
this._oDialog = new sap.m.SelectDialog({});
this._oDialog.setModel(oParentModel);
this._oDialog.bindAggregation("items", {
path: "/et_getSidSet",
template: new sap.m.StandardListItem({
title: "{Sid}"
})
});


if (v === '1') {
var oItem1 = new sap.m.StandardListItem({
title: 'PC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
} else if (v === '2') {
var oItem1 = new sap.m.StandardListItem({
title: 'AC2',
type: 'Active'
});

this._oDialog.addItem(oItem1);
var oItem2 = new sap.m.StandardListItem({
title: 'IC2',
type: 'Active'
});

this._oDialog.addItem(oItem2);
}}


The issue is, when I click on helprequest icon, the item is not adding for the very first time. However, its added from second time onwards.
I need the item to get added for the first time.



Thanks in advance!







sapui5






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 20 '18 at 20:55









Breakpoint

1,3041636




1,3041636










asked Nov 20 '18 at 10:21









rs9rs9

369




369













  • Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

    – Breakpoint
    Nov 20 '18 at 19:30











  • Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

    – Olayinka O
    Nov 21 '18 at 10:36





















  • Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

    – Breakpoint
    Nov 20 '18 at 19:30











  • Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

    – Olayinka O
    Nov 21 '18 at 10:36



















Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

– Breakpoint
Nov 20 '18 at 19:30





Can you post the code of how the function to add the new item is called? I see the If conditions to add new items, but I cannot figure out how it is called.

– Breakpoint
Nov 20 '18 at 19:30













Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

– Olayinka O
Nov 21 '18 at 10:36







Here is an answer to a similar question, displaying charts in a dialog stackoverflow.com/a/53304495/7626277

– Olayinka O
Nov 21 '18 at 10:36














1 Answer
1






active

oldest

votes


















0














Using SAPUI5's JSView to create the dialog and Radial Chart, triggered by button press event, you can have a look at the full application here Plunkr Example






openDialog: function() {
if (!this.draggableDialog) {
this.draggableDialog = new Dialog({
title: "Charts",
type: "Message",
contentWidth: "900px",
contentHeight: "700px",
resizable: true,
content: [
new RadialMicroChart({
percentage: 75,
total: 100,
size: "Responsive",
valueColor: "Critical"
})
],

beginButton: new Button({
text: "Close",
press: function() {
this.draggableDialog.close();
}.bind(this)
})
});
this.getView().addDependent(this.draggableDialog);
}
this.draggableDialog.open();

}








share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390848%2fadd-items-to-selectdialog-dynamically%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    Using SAPUI5's JSView to create the dialog and Radial Chart, triggered by button press event, you can have a look at the full application here Plunkr Example






    openDialog: function() {
    if (!this.draggableDialog) {
    this.draggableDialog = new Dialog({
    title: "Charts",
    type: "Message",
    contentWidth: "900px",
    contentHeight: "700px",
    resizable: true,
    content: [
    new RadialMicroChart({
    percentage: 75,
    total: 100,
    size: "Responsive",
    valueColor: "Critical"
    })
    ],

    beginButton: new Button({
    text: "Close",
    press: function() {
    this.draggableDialog.close();
    }.bind(this)
    })
    });
    this.getView().addDependent(this.draggableDialog);
    }
    this.draggableDialog.open();

    }








    share|improve this answer




























      0














      Using SAPUI5's JSView to create the dialog and Radial Chart, triggered by button press event, you can have a look at the full application here Plunkr Example






      openDialog: function() {
      if (!this.draggableDialog) {
      this.draggableDialog = new Dialog({
      title: "Charts",
      type: "Message",
      contentWidth: "900px",
      contentHeight: "700px",
      resizable: true,
      content: [
      new RadialMicroChart({
      percentage: 75,
      total: 100,
      size: "Responsive",
      valueColor: "Critical"
      })
      ],

      beginButton: new Button({
      text: "Close",
      press: function() {
      this.draggableDialog.close();
      }.bind(this)
      })
      });
      this.getView().addDependent(this.draggableDialog);
      }
      this.draggableDialog.open();

      }








      share|improve this answer


























        0












        0








        0







        Using SAPUI5's JSView to create the dialog and Radial Chart, triggered by button press event, you can have a look at the full application here Plunkr Example






        openDialog: function() {
        if (!this.draggableDialog) {
        this.draggableDialog = new Dialog({
        title: "Charts",
        type: "Message",
        contentWidth: "900px",
        contentHeight: "700px",
        resizable: true,
        content: [
        new RadialMicroChart({
        percentage: 75,
        total: 100,
        size: "Responsive",
        valueColor: "Critical"
        })
        ],

        beginButton: new Button({
        text: "Close",
        press: function() {
        this.draggableDialog.close();
        }.bind(this)
        })
        });
        this.getView().addDependent(this.draggableDialog);
        }
        this.draggableDialog.open();

        }








        share|improve this answer













        Using SAPUI5's JSView to create the dialog and Radial Chart, triggered by button press event, you can have a look at the full application here Plunkr Example






        openDialog: function() {
        if (!this.draggableDialog) {
        this.draggableDialog = new Dialog({
        title: "Charts",
        type: "Message",
        contentWidth: "900px",
        contentHeight: "700px",
        resizable: true,
        content: [
        new RadialMicroChart({
        percentage: 75,
        total: 100,
        size: "Responsive",
        valueColor: "Critical"
        })
        ],

        beginButton: new Button({
        text: "Close",
        press: function() {
        this.draggableDialog.close();
        }.bind(this)
        })
        });
        this.getView().addDependent(this.draggableDialog);
        }
        this.draggableDialog.open();

        }








        openDialog: function() {
        if (!this.draggableDialog) {
        this.draggableDialog = new Dialog({
        title: "Charts",
        type: "Message",
        contentWidth: "900px",
        contentHeight: "700px",
        resizable: true,
        content: [
        new RadialMicroChart({
        percentage: 75,
        total: 100,
        size: "Responsive",
        valueColor: "Critical"
        })
        ],

        beginButton: new Button({
        text: "Close",
        press: function() {
        this.draggableDialog.close();
        }.bind(this)
        })
        });
        this.getView().addDependent(this.draggableDialog);
        }
        this.draggableDialog.open();

        }





        openDialog: function() {
        if (!this.draggableDialog) {
        this.draggableDialog = new Dialog({
        title: "Charts",
        type: "Message",
        contentWidth: "900px",
        contentHeight: "700px",
        resizable: true,
        content: [
        new RadialMicroChart({
        percentage: 75,
        total: 100,
        size: "Responsive",
        valueColor: "Critical"
        })
        ],

        beginButton: new Button({
        text: "Close",
        press: function() {
        this.draggableDialog.close();
        }.bind(this)
        })
        });
        this.getView().addDependent(this.draggableDialog);
        }
        this.draggableDialog.open();

        }






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 21 '18 at 10:40









        Olayinka OOlayinka O

        432112




        432112






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390848%2fadd-items-to-selectdialog-dynamically%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            'app-layout' is not a known element: how to share Component with different Modules

            android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

            WPF add header to Image with URL pettitions [duplicate]