Πώς να πάρει Σειρές DataGrid σε JavaScript

datagrids οι δομές ελέγχου που χρησιμοποιούνται στον προγραμματισμό web για να παρουσιάσει μια μεγάλη ποσότητα δεδομένων σε ένα τακτοποιημένο, καθαρό , μορφή πίνακα στην ιστοσελίδα . Η DataGrid συνδέεται με την υποκείμενη βάση δεδομένων , χρησιμοποιώντας τους ελέγχους σύνδεσης με βάσεις δεδομένων και αντικείμενα δεδομένων . Μπορείτε να εμφανίσετε τα δεδομένα από έναν ή περισσότερους πίνακες σε μορφή που να είναι σαφής και εύκολο να το διαβάσετε . Μπορείτε να κάνετε αλλαγές στα δεδομένα του DataGrid , όπως απαιτείται , και αυτές οι αλλαγές μπορεί να περάσει πίσω στην υποκείμενη βάση δεδομένων . Μπορείτε να χρησιμοποιήσετε κώδικα JavaScript για την εκτέλεση του πελάτη - δράσεις από την πλευρά των γραμμών του DataGrid , όπως η επιστροφή ενός αριθμού σειράς . Τα πράγματα που θα χρειαστείτε
ASP.NET editor
JavaScript editor
Database
διακομιστή Web

Παρουσίαση Περισσότερες οδηγίες
Η 1

Εκκίνηση ASP.NET σας editor για να δημιουργήσετε μια σελίδα ASP.NET . Εάν χρησιμοποιείτε ένα περιβάλλον ανάπτυξης , όπως το MS Visual Studio , μπορείτε να δημιουργήσετε ένα έργο με την επιλογή "Αρχείο " τότε " New Project " και στη συνέχεια επιλέγοντας το " ASP.NET εφαρμογών των Windows " υπό επιλέξει τη γλώσσα σας . Αν είστε έμπειρος χρήστης και έχουν ήδη κωδικοποιηθεί τον έλεγχο DataGrid , μπορείτε να χρησιμοποιήσετε ένα απλό επεξεργαστή κειμένου , όπως το Σημειωματάριο , για να προσθέσετε τον κώδικα JavaScript στο αρχείο ASP.NET , με την προϋπόθεση να αποθηκεύσετε το αρχείο στο web server σας με ένα " aspx "επέκταση . 2

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

Δημιουργήστε μια σύνδεση δεδομένων χρησιμοποιώντας το "Add New Connection " μάγος από το παράθυρο " Εξερεύνηση του διακομιστή " στο Visual Studio . Ακολουθήστε τις οδηγίες του οδηγού για να δημιουργήσετε και να διαμορφώσετε τη σύνδεση .
Η 4

Γράψτε όλος ο κώδικας που απαιτείται συμπλήρωση του ελέγχου DataGrid . Θα χρειαστεί να δημιουργήσετε και να διαμορφώσετε μια πηγή δεδομένων . Μπορείτε να επιλέξετε να χρησιμοποιήσετε μια αποθηκευμένη διαδικασία στη βάση δεδομένων , εντοπίζοντας τη σύνδεση βάσης δεδομένων στην " Εξερεύνηση του διακομιστή " στη συνέχεια, επιλέγοντας το "Add New αποθηκευμένη διαδικασία " επιλογή . Πληκτρολογήστε τον κωδικό για τη διαδικασία στο παράθυρο editor και να το αποθηκεύσετε .
5

Συνδέστε το DataGrid στη σύνδεση βάσης δεδομένων με την επιλογή του " Επιλογή αρχείου προέλευσης δεδομένων " επιλογή από το μενού " DataGrid Εργαλεία" και μετά την οδηγίες στον οδηγό .
Η 6

Μεταβείτε στο " κώδικα πίσω " σελίδα κάνοντας κλικ στο κώδικα πίσω καρτέλα . Θα πρέπει να διασπείρει τον κώδικα JavaScript με τον κώδικα ASP.NET σε κώδικα πίσω σελίδα , μια τεχνική που ονομάζεται « κωδικοποίηση inline . "
Η 7

Πληκτρολογήστε τον ακόλουθο κώδικα για να μετακινηθείτε πάνω από κάθε γραμμή στο DataGrid χρησιμοποιώντας JavaScript και να επιστρέψει τον αριθμό των γραμμών :

Μπορείτε να προσθέσετε κώδικα στο script να εκτελέσει πρόσθετη επεξεργασία στις γραμμές του DataGrid , όπως απαιτείται .
Η
εικόνων