Crear SharePoint aplicacións de lenzo integradas desde cero para ver, editar, engadir e eliminar elementos nunha lista creada usando Listas de Microsoft

Neste artigo de escenario poderá aprender a crear unha aplicación coa funcionalidade de formularios de SharePoint desde cero. A aplicación mostrará como ver, editar, engadir e eliminar elementos da lista usando unha aplicación de lenzo sen visitar a SharePoint sitio.

Nota

Para obter máis detalles sobre diferentes escenarios traballando con formularios de SharePoint e exemplos adicionais, vaia a Visión xeral de escenarios de SharePoint.

Requisitos previos

• Debe ter acceso a un sitio de SharePoint para crear unha lista e elementos da lista.
• Debes ter coñecemento creando e configurando listas.

Detalles do escenario

O propósito deste escenario é demostrar como crear unha aplicación de lenzo desde cero para traballar cunha lista. Ao final desta demostración de exemplo, poderás realizar as seguintes tarefas desde a aplicación Canvas sen necesidade de acceder á lista ou ao seu elemento:

• Ver todos os elementos da lista.
• Busca elementos nunha lista en función do valor de texto dunha columna específica.
• Seleccione un elemento da lista.
• Editar un elemento da lista.
• Crea un novo elemento da lista.
• Eliminar un elemento da lista.

O escenario é unha ilustración básica das capacidades da aplicación de lenzo cando están integradas con SharePoint. Para mellorar o deseño cun deseño mellorado ou pantallas adicionais, vaia aos seguintes artigos:

• Engadir e configurar controis
• Engadir e configurar unha pantalla
• Comprender formularios, esquemas e cartas

Importante

O exemplo deste escenario crea unha aplicación de mostra para ver, editar, engadir e eliminar elementos da lista. Pode cambiar o enfoque para personalizar a aplicación de xeito diferente segundo as súas opcións ou o seu obxectivo comercial. Cando personalice a súa aplicación con nomes personalizados para controis, asegúrese de empregar os nomes de control correctos na fórmula cando siga os pasos deste exemplo.

Exemplo

Este exemplo de escenario guíache a través dos pasos para crear unha aplicación e conectala a unha lista para ver, editar, engadir e eliminar elementos da lista.

Paso 1: cree unha lista usando Listas de Microsoft

Crea unha lista con columnas e elementos da lista. Neste escenario, empregamos unha lista coas seguintes columnas e elementos da lista:

Nota

As dúas columnas son unha Única liña de texto.

Paso 2: Crear unha aplicación de lenzo en branco

Crear unha aplicación de lenzo en branco.

Paso 3 – Conectar aplicación a SharePoint

1. Seleccione Orixes de datos no panel esquerdo.

   

2. Seleccione a orixe de datos SharePoint. Tamén pode buscar o nome na caixa de busca.

   

3. Seleccione Engadir unha conexión.

   

4. Seleccione un tipo de conexión. Pode conectarse a SharePoint Online ou a un sitio de SharePoint local cunha pasarela de datos cando está configurado. Este escenario conecta cun sitio de SharePoint Online.

   

5. Seleccione o sitio de SharePoint que ten a lista que creou anteriormente.

   

6. Seleccione a lista que creou. Este escenario usa unha lista chamada Formas.

   

7. Seleccione Conectar. A orixe de datos engádese á aplicación.

   

Paso 4 - Engadir táboa de datos para ver os elementos da lista

1. Seleccione + (inserir) no panel esquerdo.

   

2. Expanda Deseño.

3. Seleccione Táboa de datos.

   

4. Seleccione a orixe de datos como conexión de SharePoint.

   

5. Mova a táboa de datos á parte inferior dereita dentro da pantalla para facer espazo para compoñentes adicionais.

   

Paso 5: engadir a capacidade de buscar e seleccionar un elemento

1. Insira un control de Entrada de texto ao lenzo e móvao debaixo da lista despregable.

   

2. Actualice a propiedade Predeterminado da caixa de busca ao valor Buscar por forma.

   

3. Insira un control de Caixa de lista ao lenzo e móvao debaixo do control de entrada de texto engadido no paso anterior.

   

4. Desde o lado dereito da pantalla de Studio, configura Elementos propiedade do control da caixa de lista para o Formas lista para este exemplo.

   

5. Configure a propiedade Valor para o control da caixa de lista en Forma en vez de Cor para este exemplo.

   

6. Actualice a propiedade Elementos da caixa de lista engadida no paso anterior á seguinte fórmula:

   Filter([@Shapes], StartsWith(Shape, TextInput1.Text))
   

   

   A fórmula contén as seguintes funcións:

   • Filtro() - Utilízase nesta fórmula para filtrar elementos da caixa de lista en función dos parámetros definidos. [@Shapes]nesta función define que orixe de datos filtrar.
   • Comeza con() – Úsase nesta fórmula para filtrar os elementos da lista en función do Forma columna que comeza cos caracteres introducidos no Entrada de texto 1 control engadido anteriormente.

Paso 6: engadir a capacidade para editar o elemento

1. Insira o control Editar formulario.

   

2. No lado dereito da pantalla de Studio, configure a propiedade Orixe de datos para o control do formulario de edición Formas.

   

3. Seleccione Editar campos para o control do formulario de edición e elimine outros campos como Anexos, se está presente.

   

4. Asegúrese de que os campos Forma e Cor estean presentes. Se non o están, engádaos usando Engadir campo.

   

5. Reorganice o deseño da pantalla para garantir que o control Editar formulario está visible e non se superpón a outros controis.

   

6. Configure a propiedade OnSelect do control da caixa de lista na seguinte función:

   Set(TextSelected,1)
   

   

   A función Set() define unha nova variable chamada TextSelected no valor de 1 cando se selecciona un valor na caixa de lista. A variable TextSelected úsase neste escenario como marca para controlar as accións e o comportamento das capacidades de engadir, editar e eliminar como verá nas seguintes seccións.

7. Configure a propiedade Item do control do formulario de edición na seguinte fórmula:

   If(TextSelected=1,ListBox1.Selected,DataTable1.Selected)
   

   

   A función If() comproba primeiro se o valor da variable TextSelected é 1 ou non. Se é así, o formulario de edición mostra o elemento seleccionado na caixa de lista. Se non é así, o formulario de edición mostra o elemento seleccionado na táboa de datos.

8. Insira un botón.

   

9. No lado dereito da pantalla de Studio, configure a propiedade Text do botón engadida no paso anterior a Gardar.

   

10. Configure a propiedade OnSelect do botón Gardar na seguinte fórmula:

    SubmitForm(Form1);
    Set(TextSelected,0)
    

    

    A fórmula contén as seguintes funcións:

    • Enviar formulario() – Úsase nesta fórmula para enviar o formulario de edición e gardar os valores na lista.
    • Set() - Restablece a variable TextSelected de novo en o para que se poida seleccionar un novo elemento na caixa de lista.

11. Insira o control Etiqueta de texto.

    

12. Actualice a propiedade Texto para o control Etiqueta de texto engadido no paso anterior a Para editar valores para un elemento, seleccione na táboa ou busque.

    

13. Reorganice os controis da pantalla para ordenar os controis de edición.

    

Paso 7: engadir a capacidade para engadir o elemento

1. Insira un botón.

2. Reorganice os controis da pantalla para asegurarte de que o botón sexa visible.

3. Actualice a propiedade Texto do botón engadido no paso anterior a Engadir.

4. Configure a propiedade OnSelect do botón Engadir na seguinte función:

   NewForm(Form1)
   

   

   O NewForm() función borra o control do formulario de edición engadido ao formulario nomeado Formulario 1 para que poida engadir un novo elemento da lista.

Paso 8: engadir a capacidade para eliminar o elemento

1. Insira un botón.

2. Mova o botón engadido no paso anterior debaixo do botón Gardar.

3. Actualice a propiedade Texto do botón engadido no paso anterior a Eliminar.

4. Configure a propiedade OnSelect do botón Eliminar na seguinte fórmula:

   Remove([@Shapes], If(TextSelected=1,ListBox1.Selected,DataTable1.Selected));
   Set(TextSelected,0)
   

   

   A fórmula contén as seguintes funcións:

   • Quitar() – Úsase nesta fórmula para eliminar o elemento da lista seleccionado.
   • If() - Comproba primeiro se o valor da variable TextSelected é 1 ou non. Se é así, o botón Eliminar elimina o elemento seleccionado da caixa de lista. Se non é así, o botón Eliminar elimina o elemento seleccionado do control da táboa de datos.
   • Set() - Restablece a variable TextSelected de novo en o para que se poida seleccionar un novo elemento na caixa de lista.

Agora que ten todos os compoñentes da aplicación configurados, asegúrese de que a pantalla teña un aspecto semellante ao seguinte exemplo:

Paso 9: gardar a aplicación

Agora que a aplicación engadiu a capacidade de ver, editar, engadir e eliminar, garde a aplicación.

1. Seleccione o menú Ficheiro.

2. Seleccione Gardar.

3. Ao gardar por primeira vez, a opción Gardar lévao a Gardar como. Seleccione Gardar para gardar a aplicación na nube.

   

4. Peche Power Apps Studio.

Paso 10: probar a aplicación

1. Vaia a Power Apps.

2. Seleccione Aplicacións.

3. Seleccione a aplicación creada.

   

4. Probe os compoñentes da aplicación.

   

   Suxestión

   Pode obter unha vista previa rápida do comportamento dun compoñente usando a tecla do teclado Alt e unha pulsación co botón esquerdo do rato ao editar a aplicación dentro de Power Apps Studio.

   Por exemplo, en vez de seleccionar Vista previa da aplicación desde a parte superior dereita ou F5 desde o teclado que executa a aplicación na vista previa, manteña a tecla Alt premida no teclado e, a continuación, seleccione unha fila da táboa de datos para cambiar o control do formulario de edición á fila seleccionada coma se a aplicación se estivese executando na vista previa.

   

   Ademais, manteña a tecla Alt premida no teclado e pode continuar executando a vista previa dentro de Power Apps Studio. Por exemplo, seleccionar varios compoñentes para diferentes accións ou comprobacións.

Pasos seguintes

Se edita a aplicación, debe publicar os cambios para que outros os vexan.

Unha vez que a aplicación estea lista para usala, comparta a aplicación.

Consulte tamén

• Engadir e configurar controis
• Engadir e configurar unha pantalla
• Comprender formularios, esquemas e cartas
• Referencia da fórmula
• Referencia de control

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).