Skapa en app för arbetsytor från grunden med Common Data ServiceCreate a canvas app from scratch using Common Data Service

Skapa en app för arbetsytor för att hantera data som lagras i standardenheter i Common Data Service (som är inbyggda) eller anpassade entiteter (som din organisation skapar) eller båda.Build a canvas app to manage data that's stored in Common Data Service, using standard entities (which are built in), custom entities (which your organization creates), or both.

När du bygger en app från Common Data Service behöver du inte skapa en anslutning från PowerApps som du gör med datakällor som SharePoint, Dynamics 365 och Salesforce.When you build an app from Common Data Service, you don't need to create a connection from PowerApps, as you do with data sources such as SharePoint, Dynamics 365, or Salesforce. Du behöver bara ange de entiteter som du vill visa eller hantera i appen.You need only to specify the entities that you want to show or manage in the app.

FörutsättningarPrerequisites

Öppna en tom appOpen a blank app

  1. Logga in på PowerApps.Sign in to PowerApps.

  2. Välj App för arbetsyta från tom under Skapa din egen app.Under Make your own app, select Canvas app from blank.

    Tom app-panelen

  3. Ange ett namn för din app i panelen, välj Telefon och sedan Skapa.Specify a name for your app, select Phone, and then select Create.

    Du kan bygga en app från grunden för surfplattor, men det här avsnittet visar hur du bygger en app för telefoner.You can build an app from scratch for tablets, but this topic shows building an app for phones.

Ange en entitetSpecify an entity

  1. Välj Anslut till data mitt på skärmen.In the middle of the screen, select connect to data.

  2. I fönstret Data väljer du Common Data Service, markerar kryssrutan Konton och väljer Anslut.In the Data pane, select Common Data Service, select the Accounts check box, and then select Connect.

  3. Stäng fönstret Data genom att välja ikonen Stäng längst upp till höger.Close the Data pane by selecting the close icon in the upper-right corner.

Lägga till en listskärmAdd a list screen

  1. På fliken Start väljer du nedpilen för Ny skärm och sedan Lista.On the Home tab, select the down arrow for New screen, and then select List.

    Lägga till en listskärm

  2. Markera BrowseGallery1 i det vänstra navigeringsfältet och ange följande formel som värde för egenskapen Objekt:In the left navigation bar, select BrowseGallery1, and then set the value of the Items property to this formula:

    SortByColumns(Search(Accounts, TextSearchBox1.Text, "name"), "name", If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

    Den här formeln anger att:This formula specifies that:

    • Galleriet ska visa data från entiteten Accounts (konton).The gallery should show data from the Accounts entity.

    • Data ska sorteras i stigande ordning tills en användare väljer knappen Sortera för att växla sorteringsordning.The data should be sorted in ascending order until a user selects the sort button to toggle the sort order.

    • Om en användare skriver eller klistrar in ett eller flera tecken i sökfältet (TextSearchBox1) visar listan bara de konton där namnfältet innehåller de tecken som användaren har angett.If a user types or pastes one or more characters into the search bar (TextSearchBox1), the list will show only those accounts for which the name field contains the characters that the user specified.

      Du kan använda dessa och många andra funktioner för att ange hur din app ska visas och fungera.You can use these and many other functions to specify how your app appears and behaves.

      Ange egenskapen Objekt i galleriet

  3. Ställ in layouten för i galleriet så att bara namnet på varje konto visas, och konfigurera namnlisten om du vill visa ordet Bläddra enligt beskrivningen i Anpassa ett galleri.Set the gallery's layout to show only the name of each account, and configure the title bar to show the word Browse, as Customize a gallery describes.

    Bläddringsskärmen

  4. För muspekaren över Screen1 i det vänstra navigeringsfältet, välj ellipsikonen (...) och välj sedan Ta bort.In the left navigation bar, hover over Screen1, select the ellipsis icon (...), and then select Delete.

  5. För muspekaren över Screen2 i det vänstra navigeringsfältet, välj ellipsikonen (...) och välj sedan Byt namn.In the left navigation bar, hover over Screen2, select the ellipsis icon (...), and then select Rename.

  6. Skriv eller klistra in BrowseScreen och byt sedan namn på galleriet på den aktuella skärmen till BrowseGallery.Type or paste BrowseScreen, and then rename the gallery in that screen as BrowseGallery.

    Byta namn på sidan Bläddra, galleri

Lägga till en formulärskärmAdd a form screen

  1. Upprepa det första steget i föregående procedur, men lägg till en Formulärskärm i stället för en Listskärm.Repeat the first step of the previous procedure, except add a Form screen instead of a List screen.

  2. Tilldela formuläregenskapen DataSource värdet Konton och egenskapen Objekt värdet BrowseGallery.Selected, enligt beskrivningen på fliken Avancerat i det högra fönstret.Set the form's DataSource property to Accounts and its Item property to BrowseGallery.Selected, as the Advanced tab of the right-hand pane shows.

    Ställa in formuläregenskaperna för datakälla och objekt

  3. På den egenskaper fliken i den högra rutan, väljer redigera fält att öppna den fält fönstret.On the Properties tab of the right-hand pane, select Edit Fields to open the Fields pane.

  4. Välj Lägg till fält och markera sedan kryssrutorna för de här fälten:Select Add field, and then select the check boxes for these fields:

    • KontonamnAccount Name
    • Adress 1: Gata 1Address 1: Street 1
    • Adress 1: OrtAddress 1: City
    • Adress 1: PostnummerAddress 1: ZIP/Postal code
    • Antal anställdaNumber of Employees
    • ÅrsintäktAnnual Revenue

    Anteckning

    Utanför det här scenariot kan du skapa ett anpassat fält genom att välja nytt fältangett den nödvändiga informationen och sedan välja klar.Outside of this scenario, you can create a custom field by selecting New field, providing the required information, and then selecting Done. Mer information: Skapa ett fält.More information: Create a field.

  5. Välj Lägg till.Select Add.

  6. Ställ in egenskapen Text i namnlisten så att Skapa/redigera visas.Set the title bar's Text property to show Create/Edit.

    Ändringarna visas på skärmen.The screen reflects your changes.

    Ställa in formuläregenskaperna för datakälla och objekt

  7. Ändra namnet på skärmen till FormScreen.Rename this screen FormScreen.

Konfigurera ikonerConfigure icons

  1. BrowseScreen anger du egenskapen OnSelect för den runda ikonen högt upp på skärmen enligt den här formeln:On the BrowseScreen, set the OnSelect property of the circular icon near the top of the screen to this formula:

    Refresh(Accounts)

    Ikonen Uppdatera

  2. Ange egenskapen OnSelect för plusikonen enligt den här formeln:Set the OnSelect property of the plus icon to this formula:

    NewForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)

    Ikonen Lägg till

  3. Ange egenskapen OnSelect för den första pilen som pekar åt höger enligt den här formeln:Set the OnSelect property of the first arrow pointing to the right to this formula:

    EditForm(EditForm1); Navigate(FormScreen, ScreenTransition.None)

    Ikonen Nästa

  4. FormScreen anger du egenskapen OnSelect för avbryt-ikonen enligt den här formeln:On the FormScreen, set the OnSelect property of the cancel icon to this formula:

    ResetForm(EditForm1);Navigate(BrowseScreen, ScreenTransition.None)

    Ikonen avbryt

  5. Ange egenskapen OnSelect för kryssmarkeringsikonen enligt den här formeln:Set the OnSelect property of the checkmark icon to this formula:

    SubmitForm(EditForm1); Navigate(BrowseScreen, ScreenTransition.None)

    Kryssmarkeringsikonen

  6. Välj Ikoner på fliken Infoga och välj sedan ikonen Papperskorg.On the Insert tab, select Icons, and then select the Trash icon.

  7. Ange Vit för egenskapen Färg för ikonen Papperskorg och använd följande formulär som värde för egenskapen OnSelect:Set the Trash icon's Color property to White and its OnSelect property to this formula:

    Remove(Accounts, BrowseGallery.Selected); Navigate(BrowseScreen, ScreenTransition.None)

    Ikonen Papperskorg

Testa appenTest the app

  1. Markera BrowseScreen i det vänstra navigeringsfältet och öppna sedan förhandsgranskningen genom att trycka på F5 (eller genom att välja Spela upp-ikonen högt upp till höger).In the left navigation bar, select BrowseScreen, and then open Preview by pressing F5 (or by selecting the play icon near the upper-right corner).

    Öppna Förhandsgranskning

  2. Växla sorteringsordning i listan mellan stigande och fallande, och filtrera listan efter ett eller flera tecken i kontonamnet.Toggle the list between ascending and descending sort orders, and filter the list by one or more characters in the account name.

  3. Lägg till ett konto, redigera kontot som du lade till, börja uppdatera kontot men avbryt ändringarna och ta sedan bort kontot.Add an account, edit the account that you added, start to update the account but cancel your changes, and then delete the account.

Nästa stegNext steps