Windows Store App Development Series : Part 15 – Grouping items in WinJS ListView control

Hello, In the previous two articles in this series, I have explained how to bind data to WinJS ListView control and associate template to control dynamically. We will continue to explore WinJS ListView control futher and in this article I will explain how to group and display items in WinJS ListView control. Grouped view of ListView control makes it easy to navigate or find specific items in the ListView control. To display grouped data using ListView control, you need to follow below mentioned steps 1. Create data source 2. Define ListView templates 3. Declare ListView control and bind the data…

Windows Store App Development Series : Part 14 – WinJS ListView Template Binding

Hello, In this article I will explain how you can switch to different ListView templates dynamically. This technique is primarily useful when you want to control data representation at runtime rather than at design time.  Assume you have list of employees with different skillsets and depending on their skillset you want to display their information with different representation. In this article, we will cover this scenario. Please note that data binding and template binding are two different functionalities. Data binding is a technique to bind data from different sources to a UI control [for e.g. WinJS ListView], template binding allows…

Windows Store App Development Series : Part 13 – Introduction to WinJS ListView

Hello, In this article we will explore WinJS further and discuss one of the most important object – WinJS ListView. As the name suggests, ListView object is primarily used to display data in list or grid format. For example, if you want to display list of employees [or any other collection per say], you can use ListView object. The object is very rich in its features [like data binding, templates, observable collection, item groups, css etc] however in this article, we will just cover basic data binding feature of it. I will explain additional features in subsequent articles. Visual Studio…

Windows Store App Development Series : Part 12 – Data Binding

Hello, Data binding is one of the most important feature of Windows Store App. Its an automatic way of updating the View [HTML] if the underlying data model changes as well as it updates the model if user makes any changes to the associated View. Assume you have multiple input controls like TextBox, ListBox, Option button etc. in your app and you want to bind these controls to underlying data model properties like customer name, city, in a web application there are different libraries and framework [KnockoutJS, AngularJS to name a few] which can be used to define the binding. In…

Windows Store App Development Series : Part 11 – Defining Classes and Namespaces using WinJS

Hello, Classes and namespaces are fundamental concepts of most of the programming languages like C++, C#, Java which helps application developer to create a modular, reusable, maintainable, extensible and clean code. A Windows Store App can be developed purely using JavaScript language; however classes and namespaces are not first-class citizens of the language yet. Even though classes can be defined using JavaScript functions, sometimes it becomes complex to maintain such classes in a large scale JavaScript application. This article explains how WinJS library helps application developer to define these constructs within an app and at the same time make the…

7 of 14
34567891011