在介绍了如何使用标准的HTML控件以及WinJS库中提供的新控件之后，下面来着重介绍WinJS库中几种常用的控件。
（1）ListView控件
在开发Windows应用商店应用时可以使用ListView控件以网格或列表的方式显示多条数据。ListView控件的常用属性有：
q groupDataSource属性，用来设置分组的数据源。
q groupHeaderTemplate属性，用来为分组的头部设置模板。
q itemDataSource属性，用来为组中的数据项设置数据源。
q itemTemplate属性，用来为组中的数据项设置模板。
q selectionMode属性，用来设置数据项的选择模式，属性值有“none”、“single”和“multi”。当该属性的值为“none”时表示不允许选择数据项；当值为“single”时表示只可以选择一个数据项；当值为“multi”时表示可以选择多个数据项。
q layout属性，用来设置ListView控件的布局，该属性的值是Object类型，属性值有“{type:WinJS.UI.GridLayout}”和“{ type:WinJS.UI.ListLayout}”。当该属性的值为“{type:WinJS.UI.GridLayout}”时，ListView控件会以网格形式显示数据；当值为“{ type:WinJS.UI.ListLayout}”时，ListView控件会以列表形式显示数据。
在应用程序中使用ListView控件来显示多条数据时，对ListView控件的不同操作会触发不同的事件，该控件的常用事件有：
q oniteminvoked事件，当单击数据项时会触发该事件。
q onkeyboardnavigating事件，使用键盘上的方向键改变选区内的焦点时会触发该事件。
q onselectionchanged事件，当选择发生改变时会触发该事件。
在介绍了ListView控件的常用属性和事件后，下面来看一下如何向页面中添加ListView控件，以及如何为ListView控件设置属性和注册事件处理函数。
可以通过在页面中定义一个div元素并将data-win-control属性设置为“WinJS.UI.ListView”来向页面中添加ListView控件，同时可以通过div元素的data-win-options属性设置ListView控件的属性。例如，要在一个页面中添加一个ListView控件并以网格形式显示数据，那么可以在这个页面的body元素内定义一个div元素，并将data-win-control属性设置为“WinJS.UI.ListView”，同时通过data-win-options属性设置ListView控件的layout属性值为“{type:WinJS.UI.GridLayout}”，相应的HTML代码片段如下所示：
<div >
在介绍了Menu控件的常用属性和事件后，下面来看一下如何向页面中添加Menu控件，以及如何为Menu控件设置属性和注册事件处理函数。
通过在页面中定义一个div元素并将data-win-control属性设置为“WinJS.UI.Menu”可以向页面中添加Menu控件，但只能通过编写JavaScript代码的方式为Menu控件设置属性。例如，要向一个页面中添加一个Menu控件并设置命令项的对齐方式为左对齐，那么可以在这个页面的body元素内定义一个div元素并将div元素的data-win-control属性设置成“WinJS.UI. Menu”，为了能检索到这个div元素，设置它的id属性值为“menuID”。相应的HTML代码片段如下所示：
<div >函数中编写处理这个事件的过程代码。