만들기 및 캔버스 앱에서 컬렉션 업데이트Create and update a collection in a canvas app

컬렉션을 사용하여 앱에서 사용자가 관리할 수 있는 데이터를 저장합니다.Use a collection to store data that users can manage in your app. 컬렉션은 제품 목록의 제품과 같은 비슷한 항목의 그룹입니다.A collection is a group of items that are similar, such as products in a product list. 컬렉션과 같은 변수의 다른 형식에 대한 정보는 캔버스 앱 변수 이해를 참조합니다.For more information about different types of variables such as collections: Understand canvas-app variables.

필수 조건Prerequisites

  • PowerApps에 등록한 다음, 등록에 사용한 동일한 자격 증명을 입력하여 로그인합니다.Sign up for PowerApps, and then sign in by providing the same credentials that you used to sign up.
  • PowerApps에서 앱을 만들거나 기존 앱을 엽니다.Create an app or open an existing app in PowerApps.
  • PowerApps에서 컨트롤 구성을 어떻게 하는지 알아봅니다.Learn how to configure a control in PowerApps.

여러 열 컬렉션 만들기Create a multicolumn collection

  1. PowerApps Studio에서, 텍스트 입력 컨트롤을 추가합니다.In PowerApps Studio, add a Text input control.

    텍스트 입력된 컨트롤을 삽입 합니다.

  2. 왼쪽된 탐색 창에서 줄임표를 선택하여 이름 바꾸기를 선택한 다음 ProductName을 입력하여 컨트롤의 이름을 변경합니다.Rename the control by selecting its ellipsis in the left navigation pane, selecting Rename, and then typing ProductName.

    컨트롤 이름 바꾸기

  3. 드롭다운 컨트롤을 추가합니다.Add a Drop down control.

    드롭다운 목록 추가

  4. 드롭다운 컨트롤의 이름을 Colors로 변경하고, 속성 목록에서 Items 속성이 선택되었는지 확인합니다.Rename the Drop down control Colors, and make sure that the Items property is selected in the property list.

    항목 속성

  5. 수식 입력줄에서 DropDownSample을 다음 수식으로 변경합니다.In the formula bar, replace DropDownSample with this expression:

    ["Red","Green","Blue"]

  6. 단추 컨트롤을 추가하고, Text 속성을 "추가" 로 설정하고, OnSelect 속성을 다음 수식으로 설정합니다.Add a Button control, set its Text property to "Add", and set its OnSelect property to this formula:

    Collect(
        ProductList,
        {
            Product: ProductName.Text,
            Color: Colors.Selected.Value
        }
    )
    
  7. 키를 눌러, ProductName에 일부 텍스트를 입력하고, Colors에서 옵션을 선택한 후 추가를 선택합니다.Press F5, type some text into ProductName, select an option in Colors, and then select Add.

    앱의 미리 보기

  8. 이전 단계를 최소한 두 번 더 반복 하 고 Esc 키를 누릅니다.Repeat the previous step at least two more times, and then press Esc.

  9. 파일 메뉴에서 생성한 컬렉션을 보기 위해 컬렉션을 선택합니다.On the File menu, select Collections to show the collection that you created.

    컬렉션 표시

컬렉션 표시Show a collection

  1. 세로 갤러리 컨트롤을 추가합니다.Add a vertical Gallery control.

    세로 갤러리 추가

  2. 갤러리의 Items 속성을 ProductList로 설정합니다.Set the gallery's Items property to ProductList.

  3. 데이터 창에서, 부제목 필드를 Color로, 제목 필드를 Product로 설정합니다.In the Data pane, set the subtitle field to Color, and set the title field to Product.

    갤러리의 항목 속성을 설정 하 고 표시 하는 필드 변경

  4. 데이터 창을 닫고, 갤러리를 선택한 다음 레이아웃 필드를 제목 및 부제목으로 설정합니다.Close the Data pane, select the gallery, and then set the Layout field to Title and subtitle.

    갤러리의 항목 속성을 설정 하 고 표시 하는 필드 변경

    화면에는 이 예제와 비슷하게 표시될 것입니다.Your screen resembles this example:

    첫 번째 화면 예제

하나 또는 모든 항목 제거Remove one or all items

  1. 갤러리 아래쪽을 탭하거나 클릭하여, 또는 왼쪽 위 모서리 근처에서 연필 아이콘을 탭하거나 클릭하여 갤러리 템플릿을 선택합니다.Select the gallery template by clicking or tapping near the bottom of the gallery and then clicking or tapping the pencil icon near the upper-left corner.

    갤러리 템플릿이 선택

  2. 갤러리 템플릿에 휴지통 아이콘을 추가합니다.Add a Trash icon to the gallery template.

    휴지통 아이콘 추가

  3. 아이콘의 OnSelect 속성을 다음 수식으로 설정합니다.Set the icon's OnSelect property to this formula:

    Remove(ProductList, ThisItem)

  4. 갤러리 외부에, 단추를 추가하고 Text 속성을 "지우기" 로 설정하고 OnSelect 속성을 다음 수식으로 설정합니다.Outside the gallery, add a button, set its Text property to "Clear", and set its OnSelect property to this formula:

    Clear(ProductList)

  5. 키를 누른 채로 컬렉션에서 해당 항목을 제거하기 위해 항목의 휴지통 아이콘을 선택하거나, 컬렉션에서 모든 항목을 제거하기 위해 지우기 단추를 선택합니다.While holding down the Alt key, select the Trash icon for an item to remove that item from the collection, or select the Clear button to remove all items from the collection.

컬렉션에 SharePoint 목록 넣기Put a SharePoint list into a collection

  1. SharePoint 목록에 대한 연결을 만듭니다.Create a connection to a SharePoint list.

  2. 단추를 추가하고 단추의 OnSelect 속성을 이 함수로 설정합니다. 이때 ListName을 SharePoint 목록의 이름으로 바꿉니다.Add a button, and set its OnSelect property to this function, replacing ListName with the name of your SharePoint list:

    Collect(MySPCollection, ListName)

    이 함수는 SharePoint 목록과 동일한 데이터를 포함하는, MySPCollection이라는 컬렉션을 만듭니다.This function creates a collection that's named MySPCollection and that contains the same data as your SharePoint list.

  3. Alt 키를 누른 상태에서 단추를 선택합니다.While holding down the Alt key, select the button.

  4. (선택 사항) 사용자가 만든 컬렉션을 미리 보려면 파일 메뉴에서 컬렉션을 선택합니다.(optional) To preview the collection that you created, select Collections on the File menu.

갤러리에서 SharePoint 목록(예: 날짜, 선택 및 사용자)의 데이터를 표시하는 방법에 대한 정보는 갤러리에서 목록 열 표시를 확인합니다.For information about how to show data from a SharePoint list (such as dates, choices, and people) in a gallery: Show list columns in a gallery. 폼(드롭다운 목록, 날짜 선택 및 사용자 선택을 사용)에서 데이터를 표시하는 방법에 대한 정보는 편집 폼 및 표시 폼 컨트롤을 확인합니다.For information about how to show data in a form (with drop-down lists, date pickers, and people pickers): Edit form and Display form controls.

다음 단계Next steps