这是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. Python常用模块 (2) （loging、configparser、json、pickle、subprocess）

    logging 简单应用 将日志打印到屏幕 import logging logging.debug('debug message') logging.info('info message') log ...

  2. go 学习笔记 - sublime text 环境配置

    园里已经有了一篇相当不错的配置说明文章,只是现在gosublime不再支持2.x.文章里的操作在sublimetext3 里一样可以使用 文章地址 : http://www.cnblogs.com/s ...

  3. 认识Junit

    JUnit是一个Java语言的单元测试框架.它由Kent Beck和Erich Gamma建立,逐渐成为源于Kent Beck的sUnit的xUnit家族中最为成功的一个. JUnit有它自己的JUn ...

  4. WINDOWS 下搭建 OC 集成开发环境

    Objective-C是苹果软件的编程语言,想要上机学习.调试,有一个集成开发环境(IDE)方便很多.有三类方法搭建Objective-C的集成开发环境: 1)   使用苹果的平台,集成开发环境使用X ...

  5. 编程获取linux的CPU使用的内存使用情况

    Linux可用下top.ps命令检查当前的cpu.mem用法.下面简单的例子: 一.采用ps查看资源消耗的过程 ps -aux 当您查看进程信息,第三列是CPU入住. [root@localhost ...

  6. linux C读取数据库

    上次我们已经共同学习了在Linux下C连接数据库,下面一起学习用C语言来操作数据库. 1,首先要打开mysql的服务 [root@bogon ~]# service mysqld statusmysq ...

  7. 我的美国（北美）计算机CS实习面试经验分享

    过去的一年多里,参加了一些面试,虽然面过的公司不多,但都从头一直走到尾.毕竟自己也是花了大量的时间和精力在这一场场的面试里.所以,就絮叨下自己的一些经验,希望能给在美国找实习找工作的同学们提供一点点帮 ...

  8. android中列表的滑动删除仿ios滑动删除

    大家是不是觉得ios列表的滑动删除效果很酷炫?不用羡慕android也可以实现相同的效果 并且可以自定义效果,比如左滑删除,置顶,收藏,分享等等 其实就是自定义listview重写listview方法 ...

  9. css模板之 web模板一

    效果 <html><head><style type="text/css">div.container{width:100%;margin:0p ...

  10. linux学习笔记之系统标准：POSIX，ISO C...

    一.POSIX,ISO C,Single UNIX Specification的概念. 1,POSIX:Portable Operating System Interface.可移植操作系统接口.期望 ...