Posted on January 27th, 2016 by Anup Samantray
The code snippet below sets the scroll to the last item of the list //Array of numbers var array = [2, 3, 4, 5, 6, 7, 8, 9, 10]; //Bind the array to list var list = new WinJS.Binding.List(array); var listView = document.getElementById(“basicListview”).winControl; //Set the itemDataSource property of basicListview listView.itemDataSource = list.dataSource; //The function […]
Posted on November 23rd, 2015 by DEBASHRITA SWAIN
Windows Store apps uses the single-page navigation model. where we use a single page for our app and load additional data into that page as needed. We still split our application into multiple files, but instead of moving from page to page, our app loads other documents into the main page. Because your app’s main […]
Posted on November 23rd, 2015 by DEBASHRITA SWAIN
Session data is the temporary data that useses user’s current session data in the app. To store data in session in WinJS we use WinJS.Application.sessionState. Lets create an example for storing user’s credential in Session. We need to add the following code snipet in the Login.html <div style=”margin-left:400px; width:200px;”> <input id=”userName” type=”text” /> <p style=”margin-left:5px; […]
Posted on November 23rd, 2015 by Anobik Dey
This code demonstrates how to use winJS navigation object to navigate to a new page. WinJS.Navigation.navigate(pageUrl, options); Where pageUrl -> is the relative path of the page options -> data to be send from the previous page to next page
Posted on November 23rd, 2015 by Debashrita Swain
We can create a header menu in windows store app by using a menu control. A menu is a control in the Windows Library for JavaScript WinJS.UI.Menu. Here in this example we will open a menu on clicking a button.so following is the code snippet for the default.html <button id=”btnMenu” aria-haspopup=”true”> Show </button> <div id=”menuFlyOut” […]
Posted on November 23rd, 2015 by Debashrita Swain
Goal: In many situations we need to display the items of different sizes in WinJs listView, but by default, the ListView allocates the same size cell for each item it contains. The size of the cell is determined by the size of the first item in the ListView. When the ListView contains items of different […]
Posted on November 23rd, 2015 by Debashrita Swain
How to use the WinJS.Navigation.navigate function state property for transfering data from one page to other pages.Generally the WinJS.Navigation.navigate function can take the parameter of object Type like place and state.The palce to navigate to. Generally the place is a string containing the URL, but it may be anything.The state is a user-defined object that […]
Posted on November 23rd, 2015 by Anup Samantray
WinJS.Utilities.eventMixin is basically meant for objects that don’t have associated UI elements (it can’t use the listener methods on the element in the DOM, so it has its own implementation of these methods). We can add WinJS.Utilities.eventMixin to any type we define. It contains WinJS.Utilities.eventMixin.addEventListener, WinJS.Utilities.eventMixin.removeEventListener and WinJS.Utilities.eventMixin.dispatchEvent functions that help us to raise and […]
Posted on November 23rd, 2015 by Nirmal Hota
Goal of the below demonstration is to apply animation on the DOM objects using the inbuilt namespace in WinJS. Namespace required : WinJS.UI.Animation Below in an example to demonstrate the way FadeIn and FadeOut works in WinJS. Goal : Animating 2 images on one after another in an interval of 3 seconds. HTML File Content […]
Posted on November 23rd, 2015 by Nirmal Hota
Goal : Observable binding data to the controls using WinJS.Bind from the JS. Let’s bind a Student data to the text boxes located in the Html file. We will make this binding observable. On any changes made to the data will get reflected in the controls automatically. Add a Student page control (Student.Html, Student.CSS, Student.JS) […]
Posted on November 23rd, 2015 by Nirmal Hota
Goal : Binding data to the controls using WinJS.Bind from the JS. Let’s bind a Student data to the text boxes located in the Html file. Add a Student page control (Student.Html, Student.CSS, Student.JS) to the project. We will basically deal with Student.JS and Student.Html here. Student.Html ======================== – Add a <div> element with few […]
Posted on November 23rd, 2015 by Debashrita Swain
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 […]
Posted on November 23rd, 2015 by Debashrita Swain
Let’s first create a new project and add the Bing maps for JavaScript reference. Step 1: We need to create two textboxes for taking the values of two places so following code snippets we need to add in the default.html <div style=”position:absolute; height:100%;width:260px; padding:10px; background-color:brown; overflow-y:auto;”> <div style=”height:150px;”> <h2>Enter the places</h2> From: <input id=”fromId” type=”text” […]
Posted on November 23rd, 2015 by Debashrita Swain
Following are the steps lets first create a new project and add the Bing maps for javascript reference. Step 1: Add the following in the default.html <div style=”position:absolute; height:100%; width:260px; padding:10px; background-color:brown; overflow-y:auto;”> <div style=”height:136px;”> <h2>Search</h2> <input id=”searchId” type=”text” style=”width:200px;”/> <button onclick=”Coordinates();” >Search</button> <button onclick=”Clearprev();” >clear</button> <div id=”PlaceDiv” style=” position:absolute; width:240px;”></div> </div> <div id=”mapViewDiv” style=”position:absolute; […]
Posted on November 23rd, 2015 by Anobik Dey
The following code snippet demonstrates how to use event to catch exceptions that are not taken care of in the logic block / code segment. //adding event for the error handler //add event to the app.xaml.cs file public App() { this.InitializeComponent(); this.UnhandledException += App_UnhandledException; } //taking care of the exception in the event void App_UnhandledException(object […]
Posted on November 23rd, 2015 by Anup Samantaray
The code snippet below set the scroll to the last item of the list //Array of numbers var array = [2, 3, 4, 5, 6, 7, 8, 9, 10]; //Bind the array to list var list = new WinJS.Binding.List(array); var listView = document.getElementById(“basicListview”).winControl; //Set the itemDataSource property of basicListview listView.itemDataSource = list.dataSource; //The function accepts […]