Tag: WinJS

• ListView in WinJS based Windows Store Application

  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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  December 17, 2014

  Windows Store Apps

  ListView, Windows Store, 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  December 16, 2014

  Windows Store Apps

  App Bar, Windows Store App, WinJS

• 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  December 15, 2014

  Windows Store Apps

  Windows Store Apps, WinJS

• 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  December 11, 2014

  Windows Store Apps

  Javascript, Windows Store App, 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  December 10, 2014

  Windows Store Apps

  Data Binding, Observable, Windows Store, 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  January 16, 2013

  Windows Store Apps

  Javascript, Navigation Application Template, Windows Store, WinJS

• 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  November 16, 2012

  Windows Store Apps

  Namespce, Windows 8, Windows Store, 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  July 27, 2012

  WCF Data Service, Windows Store Apps

  Binding, JSON, ListView, Netflix, ODATA, Windows 8, WinJS

• 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  March 21, 2012

  Windows Store Apps

  DataBinding, ListView, Semantiz Zoom, Windows 8, windows 8 metro app, Windows 8 Metro Application, WinJS

• 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 […]

  Dhananjay Kumar , Microsoft Most Valuable Professional , Google Developer Expert, Trainer and Consultant

  January 12, 2012

  Windows Store Apps

  HTML5, javacript, windows 8 metro app, Windows 8 Metro Application, WinJS