composant de liste mip-list


Composant de liste mip-list

Le composant de liste mip-list peut restituer des données synchrones, ou restituer après une demande asynchrone de données

QQ截图20170204120049.png

Exemple

Utilisation de base

<mip-list src="https://xxx">
    <template type="mip-mustache">
        <div>
            <li>name: {{name}}</li>
            <li>alias: {{alias}}</li>
        </div>
    </template>
</mip-list>

Modèle personnalisé

<mip-list template="mip-template-id" src="https://xxx">
    <template type="mip-mustache" id="mip-template-id">
        <div>
            <li>name: {{name}}</li>
            <li>alias: {{alias}}</li>
        </div>
    </template>
</mip-list>

Données synchronisées

<mip-list synchronous-data>
    <script type="application/json">
        {
            "items": [
                {
                    "name": "lee",
                    "alias": "xialong"
                }, {
                    "name": "ruige",
                    "alias": "ruimm"
                }, {
                    "name": "langbo",
                    "alias": "bobo"
                }
            ]
        }
    </script>
    <template type="mip-mustache">
        <div>
            <li>name: {{name}}</li>
            <li>alias: {{alias}}</li>
        </div>
    </template>
</mip-list>

Cliquez Charger plus

<mip-list template="mip-template-id" src="http://xxx?" id="mip-list" has-more>
    <template type="mip-mustache" id="mip-template-id">
        <div>
            <li>{{key}}: {{value}}</li>
        </div>
    </template>
</mip-list>
<div class="mip-list-more" on="tap:mip-list.more"> 点击查看更多 </div>

Attributs

src

Description : Interface de données pour les requêtes asynchrones
Options requises : Non
Type : Chaîne
Plage de valeurs : Doit être https
Unité : Aucune
Valeur par défaut : Aucune

synchronous -data

Description : Utiliser l'attribut de commutateur de données synchronisées
Option obligatoire : Non
Type : Chaîne
Plage de valeurs : Aucune
Unité : Aucune
Valeur par défaut : Aucune

id

Description : ID du composant de la liste mip
Options requises : Non
Type : Chaîne
Plage de valeurs : Chaîne
Unité : Aucune
Valeur par défaut : Aucune

en a plus

Description : S'il y a un clic pour développer plus de fonctions
Options requises : Non
Type : Chaîne
Plage de valeurs : Aucune
Unité : Aucune
Valeur par défaut : Aucune

Notes

  • L'interface pour les requêtes asynchrones doit être standardisée avec le rappel comme 'callback'
  • Lorsqu'il y a l'attribut has-more, la balise mip-list est requise Il y a un attribut id, et il doit y avoir un nœud dom qui clique sur le bouton, et ce nœud a un attribut on. La valeur de l'attribut est : tap : l'id.more de votre mip-list
.