캔버스 앱에서 레코드를 표시, 편집 또는 추가합니다.Show, edit, or add a record in a canvas app

캔버스 앱에 표시 폼 컨트롤을 추가 및 구성하여 모든 필드를 표시할 수 있으며, 또한 레코드의 필드를 편집하도록 편집 폼 컨트롤을 추가 및 구성하고, 레코드를 추가하고 데이터 원본에 변경 사항을 저장할수 있습니다.In a canvas app, add and configure a Display form control to show all fields in a record, You can also add and configure an Edit form control to edit any field in a record, add a record, and save your changes back to a data source.

필수 조건Prerequisites

  • PowerApps에서 컨트롤을 추가하고 구성하는 방법을 알아봅니다.Learn how to add and configure a control in PowerApps.

  • 이 자습서에 대한 샘플 데이터를 포함하는 이 Excel 파일을 다운로드합니다.Download this Excel file, which contains sample data for this tutorial.

  • Excel 파일을 비즈니스용 OneDrive와 같은 클라우드 저장소 계정에 업로드합니다.Upload the Excel file to a cloud-storage account, such as OneDrive for Business.

  • 전화 앱을 열거나 만듭니다. Excel 파일에서 FlooringEstimates 테이블을 연결 추가합니다.Create or open an app for phones, add a connection to the FlooringEstimates table in the Excel file.

    태블릿 앱에 폼을 추가할 수 있지만, 기본적으로 폼은 세 개 열을 가지므로 이 항목에서는 일치하지 않습니다.You can add a form to a tablet app, but it won't match this topic because the form will have three columns by default.

  • 기존 앱에서 여는 경우, 앱에 화면을 추가합니다.If you open an existing app, add a screen to it.

폼 추가 및 데이터 표시Add a form, and show data

  1. 빈 화면에 드롭다운 컨트롤을 추가하고 이름을 ChooseProduct로 지정합니다.On a blank screen, add a Drop down control, and name it ChooseProduct.

    참고

    컨트롤을 추가하거나, 이름을 바꾸거나, 속성을 설정하는 방법을 잘 모르는 경우 컨트롤 추가 및 구성을 참조하세요.If you're not sure how to add a control, rename it, or set a property, see Add and configure controls.

  2. 오른쪽 창의 속성 탭에서, 항목FlooringEstimates으로 설정하고 ValueName을 설정합니다.On the Properties tab of the right-hand pane, set Items to FlooringEstimates and Value to Name.

    폼의 Items 속성 설정

    목록은 데이터 원본에서 바닥재 제품의 이름을 표시합니다.The list shows names of flooring products from the data source.

  3. 편집 폼 컨트롤을 추가하여 ChooseProduct 아래로 이동한 다음, 화면의 대부분에 맞게 폼 크기를 조정합니다.Add an Edit form control, move it below ChooseProduct, and then resize the form to cover most of the screen.

    양식 추가

    참고

    여기서는 편집 폼 컨트롤에 대해 설명하지만 표시 폼 컨트롤에도 비슷한 원칙이 적용됩니다.This topic describes the Edit form control, but similar principles apply to the Display form control.

  4. 폼의 DataSource 속성을 FlooringEstimates로 설정하고 Item 속성을 이 수식으로 설정합니다.Set the form's DataSource property to FlooringEstimates and its Item property to this formula:

    First(Filter(FlooringEstimates, Name=ChooseProduct.Selected.Value))

    이 수식은 폼 구성을 완료한 후 사용자가 ChooseProduct에서 선택한 해당 레코드를 표시하도록 지정합니다.This formula specifies that, after you finish configuring the form, it will show the record that the user selects in ChooseProduct.

  5. 오른쪽 창의 속성 탭에서 필드 편집을 선택합니다.On the Properties tab of the right-hand pane, select Edit fields.

    필드 편집

  6. 필드 창에서 필드 추가를 선택하고, 각 필드에 대한 확인란을 선택한 다음, 추가를 선택합니다.In the Fields pane, select Add field, select the check box for each field, and then select Add.

    필드 추가

  7. 필드 추가 옆의 줄임표(...)를 선택하고 모두 축소를 선택합니다. Name 목록을 끌어서 맨 위로 이동합니다.Select the ellipsis (...) next to Add field, select Collapse all, and then drag Name to the top of the list.

    필드 이동

    편집 폼 컨트롤에 변경 내용이 반영됩니다.The Edit form control reflects your change.

    폼이 표시

필드에 대한 카드 유형 설정Set the card type for a field

  1. 필드 창에서 아래쪽 화살표를 선택하여 Price 필드를 확장합니다.In the Fields pane, expand the Price field by selecting its down arrow.

  2. 컨트롤 형식 목록을 열고 난 후 슬라이더 편집을 선택합니다.Open the Control type list, and then select Edit slider.

    슬라이더 편집

    폼에서 Price 필드는 텍스트 입력 컨트롤 대신 슬라이더 컨트롤을 표시합니다.In the form, the Price field shows a Slider control instead of a Text input control.

  3. (선택 사항) Overview 필드 컨트롤을 여러 줄 텍스트 편집 컨트롤로 변경하려면 동일한 프로세스를 수행합니다.(optional) Follow the same process to change the control for the Overview field to an Edit multi-line text control.

(편집 폼에만) 변경 내용 저장(Edit form only) Save changes

  1. 폼의 이름을 EditForm으로 바꿉니다.Rename the form EditForm.

  2. 단추 컨트롤을 추가하고 OnSelect 속성에 이 수식을 설정합니다.Add a Button control, and set its OnSelect property to this formula:

    SubmitForm(EditForm)

  3. 미리 보기를 열기 위해 F5 키를 눌러, 제품의 이름을 변경하고 위에서 추가한 단추를 선택합니다.Press F5 to open Preview, change the name of a product, and then select the button that you created.

    SubmitForm 함수는 데이터 원본에 변경 내용을 저장합니다.The SubmitForm function saves your changes to the data source.

  4. (선택 사항) Esc 키를 눌러 (또는 오른쪽 위 모서리의 닫기 아이콘을 선택하여) 미리 보기를 닫습니다.(optional) Close Preview by pressing Esc (or by selecting the close icon in the upper-right corner).

다음 단계Next steps

, 및 수식을 사용한 작업에 대한 자세한 내용을 알아봅니다.Learn more about working with forms and formulas.