In 2012 I wrote a post List View Data Binding in Windows 8 JavaScript Metro Application. If you follow along this post some of the code will not work. So I decided to write a post again on working with ListView in WinJS. There are three simple steps to work with the ListView. Step1: Create … Continue reading ListView in WinJS based Windows Store Application
WinJS
Working with app bar in WinJS based Windows Store Application
In this post we will learn to work with the app bar in a WinJS based Windows Store application. Let us start with creating an app bar. The app bar can be created by setting the data-win-control value of a div to WinJS.UI.AppBar. Now you can add command buttons in an app bar as … Continue reading Working with app bar in WinJS based Windows Store Application
Capture photo and save on the disk in WinJS based Windows Store App
In this post we will learn to capture a photo and save the captured photo on the disk. You can work with camera and capture a photo in the WinJS using the Windows.Media.Capture.CameraCaptureUI(). Let us start with creating the UI for the application. In the UI, we will have Application bar with two buttons One … Continue reading Capture photo and save on the disk in WinJS based Windows Store App
Classes in WinJS
Even if we have heard many times about the classes in the JavaScript, it is not an object oriented language. Rather JavaScript is a prototypal language. Working with classes in JavaScript can be but cumbersome syntactically. WinJS is a JavaScript library and it reduced the syntactical complexity of working with classes. In this post we … Continue reading Classes in WinJS
Data Binding and Observable in WinJS
Source code on GitHub In this post we will learn how to work with the data binding and observable class in the Windows Store application created using WinJS. We will learn to work with Data binding Two way data binding Observable object By default WinJS Provides one way binding When the data source is updated … Continue reading Data Binding and Observable in WinJS
How to work with Navigation App Template in Windows Store App with JavaScript
Recently I was attending a user group event and one young developer came to me with question, could you help me in finding out how to work with Navigation App Template in Windows Store App? So in this post I am trying to explain step by step working with Navigation App Template. Very first start … Continue reading How to work with Navigation App Template in Windows Store App with JavaScript
What is Namespace in WinJS
Let us first try to understand, why we need Namespace? I will try to explain you with an example, let us suppose you have a function named GreetingMessage in JS file named Library.js Now you need to use this function on default.js. When you try to call that function from other js file , you … Continue reading What is Namespace in WinJS
Working with OData and WinJS ListView in Metro Application
In this post we will see how to consume Netflix OData feed in HTML based Metro Application. Movies information will be displayed as following. At the end of this post, we should have output as below, Netflix exposed all movies information as OData and that is publicly available to use. Netflix OData feed of movies … Continue reading Working with OData and WinJS ListView in Metro Application
ListView Binding with Grouping and Semantic Zoom in Windows 8 JavaScript Metro Application
Windows 8 CP and VS11 are around. Recently I wrote Setting up Visual Studio11 Beta for Metro Application Creation . In this post let us get into some development. In this post we will see Creating DataSource ListView Binding to DataSource Creating ItemTemplate Grouping Data Source Using SemanticZoomView over ListView At the end of the … Continue reading ListView Binding with Grouping and Semantic Zoom in Windows 8 JavaScript Metro Application
Flyout control in Windows 8 HTML JavaScript Metro Application
In this post, I will discuss how to work with Flyout in Windows 8 Metro application. Flyout is a type of UI surface in Windows 8 metro application. It is used to show simple message or popup. If user touches or clicks anywhere on the screen then Flyout disappears. It usually used to collect simple … Continue reading Flyout control in Windows 8 HTML JavaScript Metro Application
