这是Win8 App神圣不可侵犯的头文件：

<head>

    <meta charset="utf-8">

    <title>ListViewExample</title>

    <!-- WinJS references -->

    <link href="//Microsoft.WinJS.0.6/css/ui-light.css" rel="stylesheet">

    <script src="//Microsoft.WinJS.0.6/js/base.js"></script>

    <script src="//Microsoft.WinJS.0.6/js/ui.js"></script>

    <!-- ListViewExample references -->

    <link href="/css/default.css" rel="stylesheet">

    <script src="/js/default.js"></script>

    <!-- Your data file. -->

    <script src="/js/dataExample.js"></script>

</head>

HTML页面加入以下代码：

<div id="mediumListIconTextTemplate" data-win-control="WinJS.Binding.Template">

    <div style="width: 150px; height: 100px;">

        <!-- Displays the "picture" field. -->

        <img src="#" style="width: 60px; height: 60px;"

             data-win-bind="alt: title; src: picture" />

        <div>

            <!-- Displays the "title" field. -->

            <h4 data-win-bind="innerText: title"></h4>

            <!-- Displays the "text" field. -->

            <h6 data-win-bind="innerText: text"></h6>

        </div>

    </div>

</div>       

<div id="basicListView" data-win-control="WinJS.UI.ListView"

    data-win-options="{itemDataSource : DataExample.itemList.dataSource, itemTemplate: select('#mediumListIconTextTemplate')}">

</div>

js文件夹中dataExample.js中的js文件：

(function () {

    "use strict";

    var dataArray = [

    { title: "Basic banana", text: "Low-fat frozen yogurt", picture: "images/60banana.png" },

    { title: "Banana blast", text: "Ice cream", picture: "images/60banana.png" },

    { title: "Brilliant banana", text: "Frozen custard", picture: "images/60banana.png" },

    { title: "Orange surprise", text: "Sherbet", picture: "images/60orange.png" },

    { title: "Original orange", text: "Sherbet", picture: "images/60orange.png" },

    { title: "Vanilla", text: "Ice cream", picture: "images/60vanilla.png" },

    { title: "Very vanilla", text: "Frozen custard", picture: "images/60vanilla.png" },

    { title: "Marvelous mint", text: "Gelato", picture: "images/60mint.png" },

    { title: "Succulent strawberry", text: "Sorbet", picture: "images/60strawberry.png" }

    ];

    var dataList = new WinJS.Binding.List(dataArray);

    // Create a namespace to make the data publicly

    // accessible.

    var publicMembers =

        {

            itemList: dataList

        };

    WinJS.Namespace.define("DataExample", publicMembers); 

})();

Win8 App使用Listview的简单方法的更多相关文章

  1. ListView与.FindControl()方法的简单练习 #2 -- ItemUpdting事件中抓取「修改后」的值

    原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/06/24/listview_itemupdating_findcontrol_201 ...

  2. 【转】预装Win8/8.1 中文版系统升级为专业版或专业版含媒体中心版的简单方法

    [转]预装Win8/8.1 中文版系统升级为专业版或专业版含媒体中心版的简单方法 原文地址:http://www.iruanmi.com/upgrade-win8-china-to-a-higher- ...

  3. C#中ListView的简单使用方法

    ListView是用于显示数据的,先在窗体中拉一个lisview控件,还有一些新增.修改.删除.查询按钮和文本框,控件名称为listview,按钮为btnInsert,btnUpate,btnDele ...

  4. Android SQLite与ListView的简单使用

    2017-04-25 初写博客有很多地方都有不足,希望各位大神给点建议. 回归主题,这次简单的给大家介绍一下Android SQLite与ListView的简单使用sqlite在上节中有介绍,所以在这 ...

  5. Android—— ListView 的简单用法及定制ListView界面

    一.ListView的简单用法 2. 训练目标 1) 掌握 ListView 控件的使用 2) 掌握 Adapter 桥梁的作用 实现步骤: 1)首先新建一个项目, 并让ADT 自动帮我们创建好活动. ...

  6. Xcode7使用插件的简单方法&&以及怎样下载到更早版本的Xcode

    Xcode7自2015年9上架以来也有段时间了, 使用Xcode7以及Xcode7.1\Xcode7.2的小伙伴会发现像VVDocumenter-Xcode\KSImageNamed-Xcode\HO ...

  7. Win8.1屏幕亮度自动调节关闭方法

    细心的朋友会发现,Win8.1系统的笔记本屏幕亮度有时候,会根据外界光线亮度以及温度自动调节屏幕亮度,尽管看似比较智能,但有时候我们并不希望笔记本屏幕亮度受光线影响,忽暗忽亮.如果我们希望Win8笔记 ...

  8. 获取一个 app 的 URL Scheme 的方法：

    获取一个 app 的 URL Scheme 的方法: 上这个网站 URL Schemes 查一下相应的 app 的 URL Scheme 是否有被收录 第一种方法没找到的话,把相应的 app 的 ip ...

  9. ListView的setSelectionFromTop()方法与setSelection()方法的联系

      通常,app中的数据都是以ListView的形式展示的.默认地,把“新”数据添加到数据列表的尾部. 但是,如果是IM类型的app,比如查看历史消息这个模块.新数据并不是插到数据列表的尾部,而是插到 ...

随机推荐

  1. poj 1986 Distance Queries（LCA）

    Description Farmer John's cows refused to run in his marathon since he chose a path much too long fo ...

  2. 算法设计手冊（第2版）读书笔记, Springer - The Algorithm Design Manual, 2ed Steven S.Skiena 2008

    The Algorithm Design Manual, 2ed 跳转至: 导航. 搜索 Springer - The Algorithm Design Manual, 2ed Steven S.Sk ...

  3. ios像素点颜色取样

    一.像素点颜色取样 + (UIColor*) getPixelColorAtLocation:(CGPoint)point inImage:(UIImage *)image { UIColor* co ...

  4. Android_Fragment_Fragment具体解释

    Android_Fragment_Fragment具体解释 分类: Android基础2013-10-03 08:23 92人阅读 评论(0) 收藏 举报 AndroidFragmentFragmen ...

  5. 解读JavaScript代码 var ie = !-[1,]

    var ie = !-[1,]: 这句代码在IE9之前曾被称为世界上最短的IE判定代码.代码虽短但确包含了不少javascript基础知识在里面.在这个例子中代码执行时会先调用数组的toString( ...

  6. 初入 Spring.net

    IOC:Inversion Of Control 控制翻转:就是创建对象的权利由开发人员自己控制,转换到了由容器来控制 我用的是winform里的一个按键来触发的 首先要引入两个Spring.net的 ...

  7. Asp.Net使用Bulk批量插入数据

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Di ...

  8. Struct和Class的区别

    转载至:http://blog.csdn.net/yuliu0552/article/details/6717915 C++中的struct对C中的struct进行了扩充,它已经不再只是一个包含不同数 ...

  9. JavaMail简单接收邮件

    一个简单的例子,收取所有邮件并在控制台输出. package cn.jmail.test; import java.io.*; import java.util.*; import javax.mai ...

  10. android sdk manager无法更新

    问题描述:       Android SDK Manager 无法下载更新,或者更新速度超慢,或者待安装包列表不显示.   解决方法:     第一,我们先修改下hosts文件.该文件的位置在系统盘 ...