How To Add An App Bar In Windows Store App Using WinJS

For adding an app bar in every pages of our application we need to add the app bar in the default.html. As we know  when we create a project with use of Navigation Template we can add different pages as Page controls.If we need to  show the app bar in each page control we can add the app bar in the default.html. It will show in every page control.

Step 1:
Lets add the app bar in the default.html

 Here we can use AppBarIcons for adding different icons for the individual app bar items.

Step 2:
We can have its click events in the  default.js as follows

    document.getElementById("cmdSave")

             .addEventListener("click", Save, false);

             document.getElementById("cmdDelete")  

            .addEventListener("click", Delete, false);

 
function Save() {  

       Windows.UI.Popups.MessageDialog('Save').showAsync();

     }

function Delete() {

        Windows.UI.Popups.MessageDialog('Delete').showAsync();
    }