深圳全飞鸿

标题: data-role="listview" [打印本页]

作者: zhgc    时间: 2021-2-6 23:21
标题: data-role="listview"
data-role="listview"

设置count属性时:
<ul data-role="listview" id="MList1" data-count-theme="b" data-split-icon="gear" class=" ui-listview " style="padding:0px;margin:0px">

作者: zhgc    时间: 2021-2-10 16:57
ul外面包一个div, 否则位置不准

            <div data-role="content">
作者: zhgc    时间: 2021-2-10 17:26
<!--过滤搜索隐藏列表-->
        <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>

        <!--过滤搜索隐藏列表,另一种写法-->
        <form class="ui-filterable">
            <input id="auto-input" data-type="search" placeholder="Search Alphabet">
        </form>
        <ul data-role="listview" data-filter="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>


作者: zhgc    时间: 2021-2-10 20:17
                                                <ul data-role="listview" data-theme="a"  data-divider-theme="c" data-count-theme="c"  data-split-icon="gear" data-filter="true" data-filter-placeholder="输入工单搜索">
                                                        <li data-role="list-divider">机型:6HC009CMM30 <span class="ui-li-count">41002813</span></li>
                                                        <li data-icon="false"><a href="index.html">
                                                                        <h3>Stephen Weber</h3>
                                                                <p><strong>21020094-S4-2-02070917-A</strong></p>
                                                                <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
                                                                <p>2021/02/10 20:02</p>
                                                                <p class="ui-li-aside"><strong>B</strong></p>
                                                                 <span class="ui-li-count">B</span>
                                                        </a></li>




欢迎光临 深圳全飞鸿 (http://www.nagomes.com/disc/) Powered by Discuz! X3.2