Kongsi melalui

Cipta aplikasi kanvas disepadukan SharePoint daripada awal untuk melihat, mengedit, menambah dan memadam item dalam senarai yang dicipta menggunakan Senarai Microsoft

  • Artikel

Dalam artikel senario ini, anda akan mengetahui cara untuk mencipta aplikasi dengan kefungsian borang SharePoint dari awal. Aplikasi akan menunjukkan cara untuk melihat, mengedit, menambah dan memadam item senarai menggunakan aplikasi kanvas tanpa melawat tapak SharePoint.

Nota

Untuk butiran lanjut tentang senario lain yang berfungsi dengan borang SharePoint dan contoh tambahan, pergi ke pandangan keseluruhan senario SharePoint.

Prasyarat

  • Anda mesti mencipta akses kepada tapak SharePoint untuk mencipta senarai dan item senarai.
  • Anda mesti berpengetahuan tentang mencipta dan menyediakan senarai.

Butiran senario

Tujuan senario ini adalah untuk menunjukkan cara mencipta aplikasi kanvas daripada awal untuk berfungsi dengan senarai. Di akhir demo contoh ini, anda akan dapat melakukan tugas yang berikut daripada dalam aplikasi kanvas tanpa perlu mengakses senarai atau itemnya:

  • Lihat semua item daripada senarai.
  • Carian untuk item dalam senarai berdasarkan nilai teks lajur khusus.
  • Pilih item senarai.
  • Edit item senarai.
  • Cipta item senarai baharu.
  • Padam item senarai.

Senario ialah ilustrasi asas keupayaan aplikasi kanvas apabila disepadukan dengan SharePoint. Untuk meningkatkan tataletak dengan reka bentuk yang ditambah baik atau skrin tambahan, pergi ke artikel yang berikut:

Penting

Contoh dalam senario ini mencipta aplikasi sampel untuk melihat, mengedit, menambah dan memadam item senarai. Anda boleh mengubah pendekatan untuk menyesuaikan aplikasi secara berbeza berdasarkan pilihan atau objektif perniagaan anda. Apabila anda menyesuaikan aplikasi anda dengan nama tersuai untuk kawalan, pastikan anda menggunakan nama kawalan yang betul dalam formula apabila mengikut langkah dalam contoh ini.

Contoh

Contoh senario ini akan membimbing anda langkah untuk mencipta aplikasi dan menyambungnya kepada senarai untuk melihat, mengedit, menambah dan memadam item senarai.

Langkah 1: Cipta senarai menggunakan Senarai Microsoft

Cipta senarai dengan lajur dan item senarai. Dalam senario ini, kita telah menggunakan senarai dengan lajur dan item senarai yang berikut:

Struktur senarai.

Nota

Kedua-dua lajur ialah Baris teks tunggal.

Langkah 2 – Cipta aplikasi kanvas kosong

Cipta aplikasi kanvas kosong.

Langkah 3 – Sambungkan aplikasi untuk SharePoint

  1. Pilih Sumber data daripada anak tetingkap kiri.

    Pilih sumber data.

  2. Pilih sumber data SharePoint. Anda juga boleh mencari nama dalam kotak carian.

    Pilih sumber data SharePoint.

  3. Pilih Tambah sambungan.

    Tambah sambungan SharePoint.

  4. Pilih jenis sambungan. Anda boleh menyambung kepada SharePoint Online atau tapak SharePoint di premis dengan get laluan data apabila dikofigurasikan. Senario ini bersambung kepada tapak SharePoint Online.

    Cipta sambungan SharePoint.

  5. Pilih tapak SharePoint yang mempunyai senarai yang anda cipta lebih awal.

    Pilih tapak SharePoint.

  6. Pilih senarai yang anda cipta. Senario ini menggunakan senarai yang bernama Bentuk.

    Pilih senarai.

  7. Pilih Connect. Sumber data ditambahkan pada aplikasi.

    Sumber data ditambah.

Langkah 4 – Tambahkan data jadual untuk melihat item senarai

  1. Pilih + (sisip) daripada anak tetingkap kiri.

    Pilih masukkan.

  2. Kembangkan Tataletak.

  3. Pilih Jadual data.

    Pilih jadual data.

  4. Pilih sumber data sebagai sambungan SharePoint.

    Pilih sumber jadual data.

  5. Alihkan jadual data di sebelah dalam kanan bawah skrin untuk menghasilkan ruang bagi komponen tambahan.

    Alihkan jadual data.

Langkah 5 – Tambahkan keupayaan untuk mencari dan memilihnya

  1. Sisipkan kawalan Input teks untuk kanvas dan alihkannya di bawah senarai juntai bawah.

    Masukkan kawalan input teks.

  2. Kemas kini sifat Lalai kotak carian kepada nilai Cari ikut bentuk.

    Sifat lalai untuk input teks.

  3. Sisipkan kawalan Kotak sebelumnya kepada kanvas dan alihkannya ke bawah kawalan Input teks yang ditambahkan dalam langkah sebelumnya.

    Masukkan kawalan kotak senarai.

  4. Dari sebelah kanan skrin Studio, tetapkan sifat Item bagi kawalan kotak senarai untuk senarai Bentuk bagi contoh ini.

    Item kotak senarai.

  5. Tetapkan sifat Nilai bagi kawalan kotak senarai untuk Bentuk dan bukannya Warna untuk contoh ini.

    Nilai kotak senarai.

  6. Kemas kini sifat Item bagi kotak senarai yang ditambahkan dalam langkah sebelumnya kepada formula yang berikut:

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

    Sifat item kotak carian.

    Formula mengandungi fungsi yang berikut:

    • Filter() – Digunakan dalam formula ini untuk menapis item dalam kotak senarai berdasarkan parameter yang ditakrifkan. [@Shapes] dalam fungsi ini mentakrifkan sumber data yang akan ditapis.
    • StartsWith() – Digunakan dalam formula ini untuk menapis item senarai berdasarkan lajur Bentuk yang bermula dengan aksara yang dimasukkan dalam kawalan TextInput1 yang ditambah lebih awal.

Langkah 6 – Tambahkan keupayaan untuk mengedit item

  1. Sisipkan kawalan Edit borang.

    Tambah edit borang.

  2. Dari sebelah kanan skrin Studio, tetapkan sifat Sumber data untuk kawalan edit borang kepada Bentuk.

    Sumber data edit borang.

  3. Pilih Edit medan untuk kawalan edit borang dan alih keluar mana-mana medan lain seperti Lampiran, jika ada.

    Alih keluar medan lampiran.

  4. Pastikan ada medan Bentuk dan Warna. Jika tidak, tambahkannya menggunakan Tambah medan.

    Tambah medan bentuk dan warna.

  5. Susun semula tataletak skrin untuk memastikan kawalan Edit borang dapat dilihat dan tidak bertindih dengan kawalan lain.

    Skrin yang disusun semula.

  6. Tetapkan sifat OnSelect bagi kawalan kotak senarai untuk fungsi yang berikut:

    Set(TextSelected,1)

    OnSelect untuk kotak senarai.

    Fungsi Set() menetapkan pemboleh ubah baharu bernama TextSelected kepada nilai 1 apabila nilai dalam kotak senarai dipilih. Pemboleh ubah TextSelected digunakan dalam senario ini sebagai bendera untuk mengawal tindakan dan tingkah laku keupayaan tambah, edit dan padam seperti yang akan anda lihat dalam bahagian yang berikut.

  7. Tetapkan sifat Item bagi kawalan edit borang untuk formula yang berikut:

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

    Sifat item bagi edit borang.

    Fungsi If() menyemak terlebih dahulu sama ada nilai pemboleh ubah TextSelected adalah 1 atau bukan. Jika ya, edit borang menunjukkan item yang dipilih daripada kotak senarai. Jika tidak, edit borang menunjukkan item yang dipilih daripada jadual data.

  8. Sisipkan butang.

    Masukkan butang.

  9. Dari sebelah kanan skrin Studio, tetapkan sifat Teks bagi butang yang ditambahkan dalam langkah sebelumnya kepada Simpan.

    Butang simpan.

  10. Tetapkan sifat OnSelect bagi butang Simpan untuk formula yang berikut:

    SubmitForm(Form1);
Set(TextSelected,0)

    Sifat OnSelect untuk butang Simpan.

    Formula mengandungi fungsi yang berikut:

    • SubmitForm() – Digunakan dalam formula ini untuk menyerahkan borang edit dan menyimpan nilai pada senarai.
    • Set() – Menetapkan semula pemboleh ubah TextSelected kembali kepada o supaya item baharu boleh dipilih daripada kotak senarai.

  11. Sisipkan kawalan Label teks.

    Label teks.

  12. Kemas kini sifat Teks untuk kawalan Label teks yang ditambahkan dalam langkah sebelumnya bagi Untuk mengedit nilai bagi item pilih daripada jadual atau cari.

    Teks label dikemas kini.

  13. Susun semula kawalan pada skrin kepada tertib kawalan edit.

    Susun semula kawalan edit.

Langkah 7 – Tambahkan keupayaan untuk menambahkan item

  1. Sisipkan butang.

  2. Susun semula kawalan pada skrin untuk memastikan butang dapat dilihat.

  3. Kemas kini sifat Teks bagi butang yang ditambahkan dalam langkah sebelumnya kepada Tambah.

  4. Tetapkan sifat OnSelect bagi butang Tambah untuk fungsi yang berikut:

    NewForm(Form1)

    Sifat OnSelect untuk butang Tambah.

    Fungsi NewForm() mengosongkan kawalan borang edit yang ditambahkan pada borang bernama Form1 supaya anda boleh menambahkan item senarai baharu.

Langkah 8 – Tambahkan keupayaan untuk memadamkan item

  1. Sisipkan butang.

  2. Alihkan butang yang ditambahkan dalam langkah sebelumnya di bawah butang Simpan.

  3. Kemas kini sifat Teks bagi butang yang ditambahkan dalam langkah sebelumnya kepada Padam.

  4. Tetapkan sifat OnSelect bagi butang Padam untuk formula yang berikut:

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

    Sifat OnSelect untuk butang Padam.

    Formula mengandungi fungsi yang berikut:

    • Remove() – Digunakan dalam formula ini untuk memadamkan item senarai yang dipilih.
    • If() – Semak terlebih dahulu sama ada nilai pemboleh ubah TextSelected adalah 1 atau bukan. Jika ya, butang Padam memadamkan item yang dipilih daripada kotak senarai. Jika tidak, butang Padam memadamkan item yang dipilih daripada kawalan jadual data.
    • Set() – Menetapkan semula pemboleh ubah TextSelected kembali kepada o supaya item baharu boleh dipilih daripada kotak senarai.

Semua komponen aplikasi anda telah dikonfigurasikan, pastikan skrin kelihatan seperti contoh yang berikut:

Aplikasi selepas semua aplikasi ditambahkan.

Langkah 9 – Simpan aplikasi

Sekarang apl telah melihat, mengedit, menambah dan memadam keupayaan ditambahkan,simpan apl.

  1. Pilih menu Fail.

  2. Pilih Simpan.

  3. Apabila menyimpan buat pertama kali, pilihan Simpan membawa anda kepada Simpan sebagai. Pilih Simpan untuk menyimpan aplikasi pada awan.

    Simpan aplikasi.

  4. Tutup Power Apps Studio.

Langkah 10 – Uji aplikasi

  1. Pergi ke Power Apps.

  2. Pilih Aplikasi.

  3. Pilih aplikasi yang dipilih.

    Main aplikasi.

  4. Uji komponen aplikasi.

    Main animasi aplikasi.

    Petua

    Anda boleh pratonton dengan cepat tingkah laku komponen menggunakan kunci papan kekunci Alt dan klik kiri tetikus apabila mengedit aplikasi di dalam Power Apps Studio.

    Contohnya, daripada memilih Pratonton aplikasi dari kanan atas atau F5 daripada papan kekunci yang menjalankan aplikasi dalam pratonton, terus menekan kekunci Alt pada papan kekunci dan kemudian pilih baris daripada jadual data untuk mengubah kawalan edit borang kepada baris yang dipilih seolah-olah aplikasi berjalan dalam pratonton.

    Alt + klik kiri menu juntai bawah untuk pratonton.

    Di samping itu, terus menekan kekunci Alt pada papan kekunci dan anda boleh meneruskan untuk menjalankan pratonton dalam Power Apps Studio. Contohnya, memilih berbilang komponen untuk tindakan atau semakan yang berbeza.

Langkah seterusnya

Jika anda mengedit aplikasi, anda mesti menerbitkan perubahan untuk dilihat oleh orang lain.

Setelah aplikasi sedia untuk digunakan, kongsi aplikasi tersebut.

Lihat juga

Nota

Adakah anda boleh memberitahu kami tentang keutamaan bahasa dokumentasi anda? Jawab tinjauan pendek. (harap maklum bahawa tinjauan ini dalam bahasa Inggeris)

Tinjauan akan mengambil masa lebih kurang tujuh minit. Tiada data peribadi akan dikumpulkan (pernyataan privasi).