Δημιουργία ενσωματωμένων εφαρμογών καμβά του SharePoint από την αρχή για προβολή, επεξεργασία, προσθήκη και διαγραφή στοιχείων σε μια λίστα που δημιουργήθηκε χρησιμοποιώντας τις Λίστες Microsoft

Αυτό το άρθρο-σενάριο εξηγεί τον τρόπο δημιουργίας μιας εφαρμογής με SharePoint λειτουργικότητα φόρμας από την αρχή. Η εφαρμογή θα σας δείξει πώς να προβάλετε, να επεξεργαστείτε, να προσθέσετε και να διαγράψετε στοιχεία λίστας χρησιμοποιώντας μια εφαρμογή καμβά χωρίς να επισκεφθείτε μια τοποθεσία SharePoint.

Σημείωση

Για περισσότερες λεπτομέρειες σχετικά με διαφορετικά σενάρια που λειτουργούν με SharePoint φόρμες και πρόσθετα παραδείγματα, μεταβείτε στηνΕπισκόπηση σεναρίων SharePoint.

Προαπαιτούμενα στοιχεία

• Πρέπει να έχετε πρόσβαση σε μια SharePoint τοποθεσία για να δημιουργήσετε μια λίστα και στοιχεία λίστας.
• Θα πρέπει να έχετε γνώσεις σχετικά με τη δημιουργία και τη ρύθμιση λιστών.

Λεπτομέρειες σεναρίου

Ο σκοπός αυτού του σεναρίου είναι να σας δείξει τον τρόπο με τον οποίο μπορείτε να δημιουργήσετε μια εφαρμογή καμβά από την αρχή για να εργαστείτε με μια λίστα. Στο τέλος αυτής της επίδειξης-παράδειγμα, θα έχετε τη δυνατότητα να κάνετε τις παρακάτω εργασίες μέσα από την εφαρμογή καμβά, χωρίς να χρειάζεται να έχετε πρόσβαση στη λίστα ή στο στοιχείο της:

• Προβολή όλων των στοιχείων από τη λίστα.
• Αναζητήστε στοιχεία σε μια λίστα με βάση την τιμή κειμένου μιας συγκεκριμένης στήλης.
• Επιλέξτε ένα στοιχείο λίστας.
• Επεξεργαστείτε ένα στοιχείο λίστας.
• Δημιουργήστε ένα νέο στοιχείο λίστας.
• Διαγράψτε ένα στοιχείο λίστας.

Το σενάριο αποτελεί ένα βασικό παράδειγμα των δυνατοτήτων της εφαρμογής καμβά όταν είναι ενσωματωμένη με το SharePoint. Για να βελτιώσετε τη διάταξη με βελτιωμένη σχεδίαση ή πρόσθετες οθόνες, μεταβείτε στα παρακάτω άρθρα:

• Προσθήκη και ρύθμιση παραμέτρων στοιχείων ελέγχου
• Προσθήκη και ρύθμιση παραμέτρων οθόνης
• Κατανόηση φορμών, διατάξεων και καρτών

Σημαντικό

Το παράδειγμα σε αυτό το σενάριο δημιουργεί ένα δείγμα εφαρμογής για την προβολή, την επεξεργασία, την προσθήκη και τη διαγραφή στοιχείων λίστας του. Μπορείτε να αλλάξετε την προσέγγιση για να προσαρμόσετε την εφαρμογή διαφορετικά με βάση τις επιλογές ή τον επιχειρηματικό στόχο σας. Όταν προσαρμόζετε την εφαρμογή σας με προσαρμοσμένα ονόματα για τα στοιχεία ελέγχου, βεβαιωθείτε ότι χρησιμοποιείτε τα σωστά ονόματα στοιχείων ελέγχου στον τύπο, όταν ακολουθείτε τα βήματα σε αυτό το παράδειγμα.

Παράδειγμα

Αυτό το παράδειγμα σεναρίου σάς καθοδηγεί στη διαδικασία δημιουργίας μιας εφαρμογής και στη σύνδεσή της σε μια λίστα για την προβολή, την επεξεργασία, την προσθήκη και τη διαγραφή στοιχείων λίστας του.

Βήμα 1 - Δημιουργήστε μια λίστα χρησιμοποιώντας Λίστες Microsoft

Δημιουργήστε μια λίστα με στήλες και στοιχεία λίστας. Σε αυτό το σενάριο, χρησιμοποιήσαμε μια λίστα με τις ακόλουθες στήλες και στοιχεία λίστας:

Σημείωση

Και οι δύο στήλες είναι μονής σειράς κειμένου.

Βήμα 2 - Δημιουργήστε μια κενή εφαρμογή καμβά

Δημιουργία κενής εφαρμογής καμβά.

Βήμα 3 - Συνδέστε μια εφαρμογή στο SharePoint

1. Επιλέξτε Προελεύσεις δεδομένων από το αριστερό τμήμα παραθύρου.

   

2. Επιλέξτε προελεύσεις δεδομένων SharePoint. Επίσης, μπορείτε να αναζητήσετε το όνομα στο πλαίσιο αναζήτησης.

   

3. Επιλέξτε Προσθήκη σύνδεσης.

   

4. Επιλέξτε τύπο σύνδεσης. Μπορείτε να συνδεθείτε σε τοποθεσία SharePoint Online ή μια τοποθεσία SharePoint εσωτερικής εγκατάστασης με μια πύλη δεδομένων κατά τη ρύθμιση παραμέτρων της. Αυτό το σενάριο συνδέεται με μια τοποθεσία SharePoint Online.

   

5. Επιλέξτε την τοποθεσία SharePoint που έχει τη λίστα που δημιουργήσατε νωρίτερα.

   

6. Επιλέξτε τη λίστα που δημιουργήσατε. Αυτό το σενάριο χρησιμοποιεί μια λίστα με όνομα Σχήματα.

   

7. Επιλέξτε Σύνδεση. Η προέλευση δεδομένων προστίθεται στην εφαρμογή.

   

Βήμα 4 – Προσθήκη πίνακα δεδομένων για προβολή στοιχείων λίστας του

1. Επιλέξτε + (εισαγωγή) από το αριστερό τμήμα παραθύρου.

   

2. Αναπτύξτε το στοιχείο Διάταξη.

3. Επιλέξτε Πίνακας δεδομένων.

   

4. Επιλέξτε την προέλευση δεδομένων ως σύνδεση SharePoint.

   

5. Μετακινήστε τον πίνακα δεδομένων προς τα κάτω δεξιά, μέσα στην οθόνη, για να δημιουργήσετε χώρο για επιπλέον στοιχεία.

   

Βήμα 5 – Προσθέστε τη δυνατότητα αναζήτησης και επιλογής στοιχείου

1. Εισαγάγετε ένα στοιχείο ελέγχου Εισαγωγή κειμένου στον καμβά και μετακινήστε το κάτω από την αναπτυσσόμενη λίστα.

   

2. Ενημερώστε την Προεπιλεγμένη ιδιότητα του πλαισίου αναζήτησης με την τιμή Αναζήτηση με βάση το σχήμα.

   

3. Εισαγάγετε ένα στοιχείο ελέγχου Πλαίσιο λίστας στον καμβά και μετακινήστε το κάτω από το στοιχείο ελέγχου εισαγωγής κειμένου που προστέθηκε στο προηγούμενο βήμα.

   ![Στοιχείο ελέγχου "Εισαγωγή πλαισίου λίστας".](./media/scenarios-sharepoint-form-from-scratch/insert-list-box.png "Στοιχείο ελέγχου "Εισαγωγή πλαισίου λίστας"")

4. Από τη δεξιά πλευρά της οθόνης του Studio, ορίστε την ιδιότητα Items του στοιχείου ελέγχου πλαισίου λίστας στη λίστα Σχήματα για αυτό το παράδειγμα.

   

5. Ορίστε την ιδιότητα Τιμή για το στοιχείο ελέγχου πλαισίου λίστας στο Σχήμα αντί του Χρώματος για αυτό το παράδειγμα.

   

6. Ενημερώστε την ιδιότητα Στοιχεία του πλαισίου λίστας που προστέθηκε στο προηγούμενο βήμα στον ακόλουθο τύπο:

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

   

   Αυτός ο τύπος περιέχει τις ακόλουθες λειτουργίες:

   • Φίλτρο() – Χρησιμοποιείται σε αυτόν τον τύπο για το φιλτράρισμα στοιχείων στο πλαίσιο λίστας με βάση τις καθορισμένες παραμέτρους. Το [@Shapes] σε αυτήν τη λειτουργία καθορίζει την προέλευση δεδομένων που θα φιλτραριστεί.
   • StartsWith() – χρησιμοποιείται σε αυτόν τον τύπο για το φιλτράρισμα των στοιχείων λίστας με βάση τη στήλη Σχήμα που αρχίζουν με τους χαρακτήρες που έχουν εισαχθεί στο στοιχείο ελέγχου TextInput1 που προστέθηκε νωρίτερα.

Βήμα 6 – Προσθέστε τη δυνατότητα επεξεργασίας στοιχείου

1. Εισαγάγετε το στοιχείο ελέγχου Επεξεργασία φόρμας.

   

2. Από τη δεξιά πλευρά της οθόνης του Studio, ορίστε την ιδιότητα Προέλευση δεδομένων για το στοιχείο ελέγχου επεξεργασίας φόρμας σε Σχήματα.

   

3. Επιλέξτε Επεξεργασία πεδίων για το στοιχείο ελέγχου Φόρμα επεξεργασίας και καταργήστε οποιαδήποτε άλλα πεδία όπως τα Συνημμένα, εάν υπάρχουν.

   

4. Εξασφαλίστε ότι τα πεδία Σχήμα και Χρώμα είναι παρόντα. Εάν όχι, προσθέστε τα χρησιμοποιώντας την επιλογή Προσθήκη πεδίου.

   

5. Κάντε αναδιάταξη της διάταξης οθόνης για να εξασφαλίσετε ότι το στοιχείο ελέγχου Επεξεργασία φόρμας είναι ορατό και δεν επικαλύπτεται από άλλα στοιχεία ελέγχου.

   

6. Ορίστε την ιδιότητα OnSelect του στοιχείου ελέγχου πλαισίου λίστας στην παρακάτω λειτουργία:

   Set(TextSelected,1)
   

   

   Η συνάρτηση Set() ορίζει μια νέα μεταβλητή με όνομα TextSelected στην τιμή 1 όταν είναι επιλεγμένη μια τιμή στο πλαίσιο λίστας. Η μεταβλητή TextSelected χρησιμοποιείται σε αυτό το σενάριο ως επισήμανση για τον έλεγχο των ενεργειών και της συμπεριφοράς των δυνατοτήτων προσθήκης, επεξεργασίας και διαγραφής όπως θα δείτε στις παρακάτω ενότητες.

7. Ορίστε την ιδιότητα Στοιχείο στο στοιχείο ελέγχου επεξεργασίας φόρμας στον παρακάτω τύπο:

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

   

   Η συνάρτηση If() ελέγχει πρώτα εάν η τιμή της μεταβλητής TextSelected είναι 1 ή όχι. Εάν είναι, η επεξεργασία φόρμας εμφανίζει το επιλεγμένο στοιχείο από το πλαίσιο λίστας. Εάν δεν είναι, η επεξεργασία φόρμας εμφανίζει το επιλεγμένο στοιχείο από τον πίνακα δεδομένων.

8. Εισαγάγετε ένα κουμπί.

   

9. Από τη δεξιά πλευρά της οθόνης του Studio, ορίστε την ιδιότητα Κείμενο του κουμπιού που προστέθηκε στο προηγούμενο βήμα σε Αποθήκευση.

   

10. Ορίστε την ιδιότητα OnSelect του κουμπιού Αποθήκευση στον εξής τύπο:

    SubmitForm(Form1);
    Set(TextSelected,0)
    

    

    Αυτός ο τύπος περιέχει τις ακόλουθες λειτουργίες:

    • SubmitForm() – Χρησιμοποιείται σε αυτόν τον τύπο για την υποβολή της επεξεργασίας φόρμας και την αποθήκευση των τιμών σε λίστα.
    • Set() – Επαναφέρει τη μεταβλητή TextSelected στο o έτσι ώστε να είναι δυνατή η επιλογή ενός νέου στοιχείου από το πλαίσιο λίστας.

11. Εισαγάγετε το στοιχείο ελέγχου Ετικέτα κειμένου.

    

12. Ενημερώστε την ιδιότητα Κείμενο για το στοιχείο ελέγχου Ετικέτα κειμένου που προστέθηκε στο προηγούμενο βήμα σε Για να επεξεργαστείτε τις τιμές για ένα στοιχείο, επιλέξτε από τον πίνακα ή κάντε αναζήτηση.

    

13. Αναδιάταξη των στοιχείων ελέγχου στην οθόνη για τη διάταξη των στοιχείων ελέγχου επεξεργασίας.

    

Βήμα 7 – Προσθέστε τη δυνατότητα για προσθήκη στοιχείου

1. Εισαγάγετε ένα κουμπί.

2. Κάντε αναδιάταξη των στοιχείων ελέγχου στην οθόνη, για να βεβαιωθείτε ότι το κουμπί είναι ορατό.

3. Ενημερώστε την ιδιότητα Κείμενο του κουμπιού που προστέθηκε στο προηγούμενο βήμα σε Προσθήκη.

4. Ορίστε την ιδιότητα OnSelect του κουμπιού Προσθήκη στην εξής λειτουργία:

   NewForm(Form1)
   

   

   Η συνάρτηση NewForm() απαλείφει το στοιχείο ελέγχου επεξεργασίας φόρμας που προστέθηκε στη φόρμα με το όνομα Form1 ώστε να μπορείτε να προσθέσετε ένα νέο στοιχείο λίστας.

Βήμα 8 – Προσθέστε τη δυνατότητα διαγραφής στοιχείου

1. Εισαγάγετε ένα κουμπί.

2. Μετακινήστε το κουμπί που προστέθηκε στο προηγούμενο βήμα κάτω από το κουμπί Αποθήκευση.

3. Ενημερώστε την ιδιότητα Κείμενο του κουμπιού που προστέθηκε στο προηγούμενο βήμα σε Διαγραφή.

4. Ορίστε την ιδιότητα OnSelect του κουμπιού Διαγραφή στον εξής τύπο:

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

   

   Αυτός ο τύπος περιέχει τις ακόλουθες λειτουργίες:

   • Remove() – Χρησιμοποιείται σε αυτόν τον τύπο για τη διαγραφή του επιλεγμένου στοιχείου λίστας.
   • If() - Ελέγχει πρώτα εάν η τιμή της μεταβλητής TextSelected είναι 1 ή όχι. Εάν είναι, το κουμπί Διαγραφή διαγράφει το επιλεγμένο στοιχείο από το πλαίσιο λίστας. Εάν δεν είναι, το κουμπί Διαγραφή διαγράφει το επιλεγμένο στοιχείο από το στοιχείο ελέγχου Πίνακας δεδομένων.
   • Set() – Επαναφέρει τη μεταβλητή TextSelected στο o έτσι ώστε να είναι δυνατή η επιλογή ενός νέου στοιχείου από το πλαίσιο λίστας.

Τώρα που έχετε ρυθμίσει όλα τα στοιχεία της εφαρμογής, βεβαιωθείτε ότι η οθόνη μοιάζει με το παρακάτω παράδειγμα:

Βήμα 9 - Αποθήκευση της εφαρμογής

Τώρα που στην εφαρμογή έχει προστεθεί η δυνατότητα προβολής, επεξεργασίας, προσθήκης και διαγραφής, αποθηκεύστε την εφαρμογή.

1. Επιλέξτε το μενού Αρχείο.

2. Επιλέξτε Αποθήκευση.

3. Κατά την αποθήκευση για πρώτη φορά, η επιλογή Αποθήκευση σας οδηγεί στην επιλογή Αποθήκευση ως. Επιλέξτε Αποθήκευση για να αποθηκεύσετε την εφαρμογή στο cloud.

   

4. Κλείστε το Power Apps Studio.

Βήμα 10 - Δοκιμή της εφαρμογής

1. Μετάβαση στο Power Apps.

2. Επιλέξτε Εφαρμογές.

3. Επιλέξτε την εφαρμογή που δημιουργήθηκε.

   

4. Δοκιμάστε τα στοιχεία της εφαρμογής.

   

   Συμβουλή

   Μπορείτε να δείτε γρήγορα τη συμπεριφορά ενός στοιχείου χρησιμοποιώντας το πλήκτρο πληκτρολογίου Alt και αριστερό κλικ του ποντικιού κατά την επεξεργασία της εφαρμογής μέσα από το Power Apps Studio.

   Για παράδειγμα, αντί να επιλέξετε Προεπισκόπηση της εφαρμογής από την επάνω δεξιά γωνία ή F5 από το πληκτρολόγιο που εκτελεί την εφαρμογή σε προεπισκόπηση, κρατήστε πατημένο το πλήκτρο Alt στο πληκτρολόγιο και, στη συνέχεια, επιλέξτε μια γραμμή από τον πίνακα δεδομένων για να αλλάξετε το στοιχείο ελέγχου επεξεργασίας φόρμας στην επιλεγμένη γραμμή όπως όταν η εφαρμογή εκτελείται σε προεπισκόπηση.

   

   Επιπλέον, κρατήστε πατημένο το πλήκτρο Alt στο πληκτρολόγιο και θα μπορείτε να συνεχίσετε να εκτελείτε την προεπισκόπηση μέσα από το Power Apps Studio. Για παράδειγμα, η επιλογή πολλών στοιχείων για διαφορετικές ενέργειες ή ελέγχους.

Επόμενα βήματα

Αν επεξεργάζεστε την εφαρμογή, πρέπει να δημοσιεύσετε τις αλλαγές για να τις δουν οι άλλοι.

Αφού η εφαρμογή είναι έτοιμη για χρήση, κάντε κοινή χρήση.

Δείτε επίσης

• Προσθήκη και ρύθμιση παραμέτρων στοιχείων ελέγχου
• Προσθήκη και ρύθμιση παραμέτρων οθόνης
• Κατανόηση φορμών, διατάξεων και καρτών
• Αναφορά τύπων
• Έλεγχος αναφοράς

Σημείωση

Μπορείτε να μας πείτε ποια γλώσσα προτιμάτε για την τεκμηρίωση; Πάρτε μέρος σε μια σύντομη έρευνα. (σημειώνεται ότι αυτή η έρευνα είναι στα Αγγλικά)

Η έρευνα θα διαρκέσει περίπου επτά λεπτά. Δεν συλλέγονται προσωπικά δεδομένα (δήλωση προστασίας προσωπικών δεδομένων).