One Way Data Binding In WinJS

Introduction
Data binding is one of the key feature in the application development. One way data binding is the way to reflect the data in the control from a model. Any up-gradation made to the data in the model it will reflect in the control to which it is bound.

One way data binding
Below is a one way binding application example to see how it is really working. Let’s add a page item to the project. This will add 3 files in general. One JS file, Html file and a CSS file with the same name specified for the page item.

Continue reading

Displaying popups Using Flyouts WinJS Control

Introduction

Flyouts are also a kind of popup. They appear on the screen on request. Unlike the dialogs, flyouts are usually non-modal. It is a WinJS control which can be customized basing upon the requirement.

Unlike the dialogs, Flyouts can be closed by clicking somewhere in the screen area out side the flyout itself. We can customize the look feel along with the display position of the flyout.

Continue reading

Displaying Dialogs in WinJS

Introduction
Dialogs are the one of the most basic part of an application. Usually we need dialogs to inform the user about some kind of notifications or to take the quick user input on screen without navigating to a separate page of the application. We can display also dialogs in widows store application.

Informative Dialogs
This kind of dialogs are the one which usually used to notify the user about any information. It has an information in the body with a button to close the dialog.

Continue reading