Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Cómo cambiar el modo de selección (aplicaciones de la Tienda Windows con JavaScript y HTML)

La propiedad selectionMode del control ListView especifica cómo el usuario puede seleccionar elementos de la lista.

Lo que debes saber

Tecnologías

Requisitos previos

Instrucciones

Cambiar el modo de selección

La propiedad selectionMode admite estos valores, según se definen en la enumeración SelectionMode:

PeriodoDescripción

none

No se pueden seleccionar los elementos.

single

Solo se puede seleccionar un elemento. Cuando se hace clic en un elemento, se cambia la selección a ese elemento.

multi

Se pueden seleccionar varios elementos. Cuando se hace clic en más elementos, se agregan a la selección.

 

Para especificar el modo de selección en HTML, usa el atributo data-win-options para establecer selectionMode en una representación de cadena de uno de los valores de enumeración permitidos, como "none" o "single".

Hh465449.wedge(es-ar,WIN.10).gifPara especificar el modo de selección en HTML

  • En este ejemplo se define el modo de selección de modo que solo se pueda seleccionar un elemento.

    
    <div id="basicListView" 
        data-win-control="WinJS.UI.ListView"
        data-win-options="{ itemDataSource : DataExample.itemList.dataSource, itemTemplate: select('#mediumListIconTextTemplate'), selectionMode: 'single'}">
    </div> 
    
    

Para especificar el modo de selección en JavaScript, recupera el control y establece su propiedad selectionMode.

Hh465449.wedge(es-ar,WIN.10).gifPara especificar el modo de selección en JavaScript

  • En este ejemplo se define el modo de selección de modo que solo se pueda seleccionar un elemento.

    
    var myListView = document.getElementById("basicListView1").winControl;
    myListView.selectionMode = WinJS.UI.SelectionMode.single;
    
    

Temas relacionados

Inicio rápido: Agregar ListView

 

 

Mostrar:
© 2018 Microsoft