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
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