<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <title>Title</title>

    <script src="../jquery-2.2.4.min.js"></script>

    <script src="jquery.mobile-1.4.5.min.js"></script>

    <link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css">

</head>

<body>

<div data-role="page">

    <div data-role="header" data-position="fixed"><h1>这是头部</h1></div>

    <div role="main" class="ui-content">

        <!--普通listView-->

        <ul data-role="listview">

            <li><a>A</a></li>

            <li><a>B</a></li>

            <li><a>C</a></li>

            <li><a>D</a></li>

        </ul>

        <br/>

        <!--具有搜索功能的listView-->

        <ul data-role="listview" data-filter="true" >

            <li><a>A</a></li>

            <li><a>B</a></li>

            <li><a>C</a></li>

            <li><a>D</a></li>

        </ul>

        <br>

        <!--过滤搜索隐藏列表-->

        <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search Alphabet">

            <li><a>A</a></li>

            <li><a>B</a></li>

            <li><a>C</a></li>

            <li><a>D</a></li>

        </ul>

        <br/>

        <!--过滤搜索隐藏列表,另一种写法-->

        <form class="ui-filterable">

            <input id="auto-input" data-type="search" placeholder="Search Alphabet">

        </form>

        <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search Alphabet"

            data-input = '#auto-input'>

            <li><a>A</a></li>

            <li><a>B</a></li>

            <li><a>C</a></li>

            <li><a>D</a></li>

        </ul>

    </div>

    <div data-role="footer" data-position="fixed">

        <h1>这是底部</h1>

    </div>

</div>

</body>

</html>

　　

jQueryMobile控件之ListView的更多相关文章

  1. 与众不同 windows phone (52) - 8.1 新增控件: AutoSuggestBox, ListView, GridView, SemanticZoom

    [源码下载] 与众不同 windows phone (52) - 8.1 新增控件: AutoSuggestBox, ListView, GridView, SemanticZoom 作者:webab ...

  2. 重新想象 Windows 8 Store Apps (11) - 控件之 ListView 和 GridView

    原文:重新想象 Windows 8 Store Apps (11) - 控件之 ListView 和 GridView [源码下载] 重新想象 Windows 8 Store Apps (11) - ...

  3. winform利用ImageList控件和ListView控件组合制作图片文件浏览器

    winform利用ImageList控件和ListView控件组合制作图片文件浏览器,见图,比较简单,实现LISTVIEW显示文件夹图片功能. 1.选择文件夹功能代码: folderBrowserDi ...

  4. UI控件之ListView

    一,一个简单的TextView列表 public class FirstActivity extends Activity { private String[] data = {"Apple ...

  5. Android基本控件之listView(三)<用ListView实现分页加载>

    我们之前讨论了ListView的基本使用方法和ListView的优化 今天我们再来讨论一个关于ListView的一个新的东西~就是分页加载.那么什么是分页加载呢?简单点说,就是"下拉刷新&q ...

  6. Android基本控件之ListView（二）<ListView优化>

    之前我们说到ListView的基本用法.但是,有很多的时候会额外的占用一些内存,从而消耗了性能.既然有消耗性能的可能,那么我们就对其做出相应的优化 我们首先来说说优化的步骤: 第一步.将宽和高设置为填 ...

  7. Android基本控件之ListView（一）

    我们在使用手机的时候,通常看到,像通讯录,QQ列表样式的东西,这里来解释一下,其实那些都是一个ListView 今天,我们就来详细的讲解一下ListView这个控件 ListView中每条显示的数据都 ...

  8. android 在一个scrollView里面嵌套一个需要滑动的控件（listView、gridView）

    package cn.via.dageeeOrderFood.widget; import android.content.Context; import android.graphics.Point ...

  9. Android控件开发——ListView

    上篇博客解决了Android客户端通过WebService与服务器端程序进行交互的问题,这篇博客重点关注两个问题,一个是Android应用程序如何与本机文件型数据库SQLite进行交互,另一问题则是如 ...

随机推荐

  1. Super Ugly Number

    eg 2,3,5 把第一个元素(2,1)放到最小堆,2表示乘积,1表示乘数   乘数     队列                          最小堆                   即将进 ...

  2. HTML中一些基本的标签用法

    姓名输入框:<input type="text" value="默认有值"/> 密码输入框:<input type="text&qu ...

  3. laravel框架总结(六) -- 门面(facades)

    Facades 为应用程序的服务容器中可用的类提供了一个「静态」接口.   Laravel 本身附带许多的 facades,甚至你可能在不知情的状况下已经在使用他们!   xpower的静态接口(门面 ...

  4. easyui datagrid tooltip

    $('#dg').datagrid('getPanel').find('.easyui-tooltip').each(function(){ var index = parseInt($(this). ...

  5. Hadoop集群环境搭建

    ----------------------------------------------------------- 自学记录,交流学习请发送邮件至gxz1984@gmail.com ------- ...

  6. Excel公式错误提示啥意思？

    1.#####!返回的结果超出了单元格的宽度:或者单元格的日期时间公式产生了一个负值. 2.#VALUE!使用了错误的参数或运算对象类型. 3.#DIV/O!当公式被零除时产生此错误. 4.#NAME ...

  7. CSS背景样式

    CSS是级联样式表,用来表现HTML等文件样式的语言,CSS能够真正做到网页的表现与内容分离的设计语言,也就是说,做好了一款网页,可以通过另一个后缀名是css的文件进行修改其中的样式,不过在html的 ...

  8. postgis数据库文件shapefile导入 dbf file (.dbf) can not be opened.shapefile import failed.

    Destination: public.train_polylineSource File: C:\Documents and Settings\Administrator\桌面\ffffff\tra ...

  9. APP自动化测试中Monkey和 MonkeyRunner

    在设计了测试用例并通过评审之后,由测试人员根据测试用例中描述的规程步步执行测试,得到实际结果与期望结果的比较.在此过程中,为了节省人力.时间或硬件资源,提高测试效率,便引入了自动化测试的概念.自动化测 ...

  10. CAD迷你看图

    CAD迷你看图http://www.aec188.com/CAD迷你看图 2016R12超快.超小的CAD多功能看图工具,完全脱离AutoCAD浏览R14-R2016各版本DWG/DXF/DWF的二三 ...