Tạo thẻ danh sách mua sắm

Trong hướng dẫn này, bạn sẽ tạo một thẻ hiển thị danh sách mua sắm và cho phép bạn thêm các mặt hàng. Bạn sẽ sử dụng trình thiết kế thẻ, các biến và Power Fx.

Ở cuối hướng dẫn, thẻ danh sách mua sắm của bạn sẽ trông giống như ví dụ sau:

Điều kiện tiên quyết

• Một tài khoản Power Apps

Tạo thẻ

1. Đăng nhập vào Power Apps rồi chọn môi trường của bạn.

2. Ở ngăn bên trái, chọn Thẻ. Nếu không thấy mục này trong ngăn bảng điều khiển bên, hãy chọn …Thêm rồi chọn mục bạn muốn.

3. Chọn + Tạo thẻ.

4. Trong Tên thẻ, nhập SimpleShoppingCard rồi chọn Tạo.

5. Chọn văn bản Tiêu đề thẻ của bạn ở đây. Trong ngăn thuộc tính nhãn văn bản, hãy đặt Văn bản thành Danh sách mua sắm.

6. Chọn văn bản Thêm và xóa thành phần để tùy chỉnh thẻ mới của bạn. Trong ngăn thuộc tính nhãn văn bản, hãy đặt Văn bản thành Sử dụng hộp bên dưới để thêm các mục vào danh sách.

Thêm một biến

Danh sách mua sắm sẽ chứa các mặt hàng riêng lẻ trong các dòng văn bản riêng biệt. Nó trông giống như một cái bàn có một cột duy nhất, mỗi hàng có một mặt hàng tạp hóa. Điều đó cho thấy bạn cần tạo một biến bảng để lưu trữ danh sách của mình.

1. Ở ngăn bên trái, chọn Biến.

2. Chọn + Biến mới.

3. Trong Cửa sổ biến mới, hãy nhập MyGroceryList dưới Tên. Đặt Nhập vào Bảng.

4. Chọn dấu ngoặc nhọn ở bên phải Giá trị mặc định và nhập "" giữa các dấu ngoặc. Điều này cho thấy rằng bảng của chúng tôi chứa các giá trị văn bản trong một cột được gọi ngầm là Value

5. Chọn Lưu.

   

Thêm danh sách vào thẻ

1. Ở ngăn bên trái, chọn Chèn.

2. Trong ngăn công cụ, hãy chọn Hiển thị để mở rộng danh mục, sau đó chọn Nhãn văn bản.

3. Trong ngăn thuộc tính nhãn văn bản, chọn tab Nâng cao .

4. Đặt Lặp lại cho mọi thành MyGroceryList.

   

   Đặt thuộc tính Lặp lại cho mọi thuộc tính của nhãn văn bản sẽ lặp lại nhãn văn bản cho mọi mục trong bảng được chỉ định. Trong ví dụ này, bảng MyGroceryList là biến bạn đã tạo. Nói cách khác, một nhãn văn bản riêng biệt được tạo trong thẻ cho mỗi mặt hàng trong danh sách tạp hóa.

5. Chọn tab Thuộc tính . Đặt Văn bản thành ThisItem.Value.

   Việc gán biến do hệ thống xác định ThisItem.Value cho nhãn văn bản sẽ hiển thị giá trị của mục hiện tại trong mảng MyGroceryList dưới dạng văn bản nhãn. Mảng là một thuật ngữ khác cho biến bảng. Bạn có thể nhập tên biến vào thanh công thức hoặc ngăn thuộc tính.

   

Thêm hộp nhập liệu

Danh sách bạn đã tạo trống nên ở bước cuối cùng, bạn sẽ cung cấp cho người dùng khả năng thêm mục.

1. Ở ngăn bên trái, chọn Chèn.

2. Trong ngăn công cụ, hãy chọn Nhập để mở rộng danh mục, sau đó chọn Nhập văn bản.

3. Trong ngăn thuộc tính nhập văn bản, đặt Tên thành NewItem và đặt Label đến Mục mới:.

   

   Thuộc tính Tên cho phép bạn tham chiếu đến điều khiển trong biểu thức Power Fx . Nó phải là một từ, không có dấu cách hoặc ký tự đặc biệt. Thuộc tính Nhãn được hiển thị trong thẻ. Tên và nhãn của một điều khiển không nhất thiết phải giống nhau như ở đây, nhưng việc sử dụng các tên tương tự sẽ giúp bạn dễ dàng theo dõi các điều khiển hơn.

Thêm nút Power Fx

1. Ở ngăn bên trái, chọn Chèn.

2. Trong ngăn công cụ, hãy chọn Đầu vào để mở rộng danh mục, sau đó chọn Nút.

3. Trong ngăn thuộc tính nút, hãy đặt Tiêu đề thành Thêm mục.

4. Trong ngăn thuộc tính, chọn PowerFx để đặt con trỏ vào thanh công thức.

5. Nhập biểu thức Power Fx sau vào thanh công thức: Collect(MyGroceryList, {Value: NewItem})

   Biểu thức này sử dụng hàm Power Fx hàm Thu thập để nối giá trị đầu vào của người dùng, NewItem, vào MyGroceryList biến bảng trong cột Giá trị ẩn. Vì biểu thức được liên kết với thuộc tính OnSelect của nút nên biểu thức sẽ chạy khi người dùng chọn nút.

   

Kiểm tra thẻ

Bạn phải luôn lưu các thay đổi của mình trước khi chơi bài. Chọn Lưu rồi chọn Phát.

Kiểm tra thẻ của bạn bằng cách thêm một vài mặt hàng vào danh sách tạp hóa.

Các bước tiếp theo

Tìm hiểu cách tạo một tấm thẻ phức tạp hơn bằng Microsoft Dataverse các đầu nối.