这是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. 什么是FastCGI?

    什么是FastCGI? PHP的FastCGI使你的所有php应用软件通过mod_fastci运行,而不是mod_phpsusexec.FastCGI应用速度很快 是因为他们持久稳定.不必对每一个请求 ...

  2. DataReader、Table、DataSet和Entity相互转化

    public class CommonService { #region DataReader转化 /// <summary> /// 将DataReader转化为Table /// &l ...

  3. 易语言转C#小试牛刀

    呵呵,用了几年的易语言,太郁闷了,玩过E的童鞋们懂得,偶然机会尝试C#,现正式投入C#门下. 我会把我学习C#的一些知识和重点,实时发不到我的BLOG中,同想学习C#的童鞋一起成长起来.

  4. GIS－开发例程、源代码、MapXtreme、Map (转)

    [原创]MapXtreme实用技巧与源码10例 普通图片生成MapInfo格式电子地图的步骤  http://blog.csdn.net/hmbb2008/category/184134.aspx 基 ...

  5. G - Bullseye

    Description A simple dartboard consists of a flat, circular piece of cork with concentric rings draw ...

  6. 不规则三角网 Delaunay——TIN

    http://blog.csdn.net/u010025211/article/details/25032209 知识点一:平面中判断一个点是否在三角形内部. #include <stdio.h ...

  7. 一段简单c程序的汇编语言学习(ubuntu+x86)

    c程序代码: #include <stdio.h> int main(void) { int i=0, j=0; for(i=0; i<8; i++) j=j+1; return 0 ...

  8. 如何使用NODEJS+REDIS开发一个消息队列

    作者: RobanLee 原创文章,转载请注明: 萝卜李 http://www.robanlee.com MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法.应 ...

  9. Windows下Redis的安装

    1.安装Redis 官方网站:http://redis.io/ 官方下载:http://redis.io/download 可以根据需要下载不同版本 windows版:https://github.c ...

  10. Python之路第八天，进阶-设计模式

    设计模式 单例模式 单例,顾名思义单个实例. 学习单例之前,首先来回顾下面向对象的内容: python的面向对象由两个非常重要的两个"东西"组成:类.实例 面向对象场景一: 如:创 ...