2011 »Ιανουάριος» Yahoo! User Interface Blog (YUIBlog)

Treeble με Yui 3 DataTable

24 Ιανουαρίου, 2011 στις 10:41 am από John Lindal | Σε Ανάπτυξης , Yui 3 Gallery | 7 Σχόλια

Η beta έκδοση του DataTable στην Yui 3.3.0 μας δίνει ένα πολύ ισχυρό συστατικό για να παίξει με. Για να κλωτσήσει τα ελαστικά σε ένα χρήσιμο τρόπο, αποφάσισα να ενημερώσετε μου Treeble παραδείγματα για τη χρήση DataTable. (Treeble επιτρέπει την εμφάνιση ιεραρχικών δεδομένων σε έναν πίνακα .)

Προς ευχαρίστησή μου, ήταν ένα αεράκι! Όλη τη σκληρή δουλειά γίνεται σε TreebleDataSource , η οποία εκτείνεται Yui 3 DataSource, οπότε το μόνο που είχα να κάνω ήταν συνδέστε το σε DataTable με τη χρήση Y.Plugin.DataTableDataSource και στη συνέχεια να διαμορφώσετε τις στήλες:

 var ds = new Γ. TreebleDataSource (...),
	 pg = νέα Γ. Paginator (...),
	 πίνακα?

 sendRequest λειτουργία () {
	 table.datasource.load ({
		 αίτημα: {
			 δείκτης έναρξης: pg.getStartIndex (),
			 resultCount: pg.getRowsPerPage ()
		 }
	 })?
 }

 var cols = [
     {Κλειδί: «yui33-hack», ετικέτα:''},
     {
         κλειδί: «treeblenub», ετικέτα:'',
         μορφοποιητή: Y.Treeble.buildTwistdownFormatter (sendRequest)
     },
     {
         κλειδί: «τίτλο», ετικέτα: «Τίτλος»,
         μορφοποιητή: Y.Treeble.treeValueFormatter
     },
     ...
 ]?

 πίνακα = νέα Y.DataTable.Base ({columnset: cols})?
 table.plug (Y.Plugin.DataTableDataSource, {πηγή δεδομένων: DS})?

Για να δείτε τον πλήρη πηγαίο κώδικα, ανατρέξτε στο ζωντανό παράδειγμα .

Το μόνο έρχεται σε αλοιφή είναι οι εξής:

Η yui33-hack στήλη. Λόγω ενός bug στο Yui 3.3.0 DataTable , η td στοιχείο περάσει ένα σύστημα διαμόρφωσης στήλη είναι πραγματικά από την προηγούμενη στήλη. Έτσι, η πρώτη στήλη του πίνακα εμφανίζεται η twistdown, και η δεύτερη στήλη είναι άδειο.
Είναι ορισμένες τιμές στα δεδομένα που εμφανίζονται ως {value} αντί για κενά ( bug 2529858 ).

Για να γίνει Treeble πιο εύκολο στη χρήση, έχω προσθέσει ένα δέρμα το οποίο Sam στυλ για να το CSS τάξεις γραπτών από τον Y.Treeble μορφοποιητές.

Απολαύστε το!

Περίπου ο συντάκτης: John Lindal ( @ jafl5272 στο Twitter) είναι ένας από τους επικεφαλής μηχανικούς κατασκευής το θεμέλιο για τη Yahoo! APT είναι χτισμένο. Προηγουμένως, εργάστηκε στο Δίκτυο Εκδότης Yahoo!.

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui: Ανοίξτε Ώρες Πέμ 27 του Γενάρη

21 Ιανουαρίου, 2011 στις 16:04 από Luke Smith | Σε Ανάπτυξης , Open Ώρες | Comments Off

Το επόμενο Yui: Ώρες Λειτουργίας θα είναι η επόμενη Πέμπτη, 27.

Την περασμένη εβδομάδα προσπαθήσαμε να το πακέτο πάρα πολύ στη συντομευμένη 1 υποδοχή φορά ώρες, και τελείωσε ο χρόνος πριν από ένα από τα πιο σημαντικά τμήματα: το τμήμα 2011 Yui 3 ανατροφοδότηση οδικό χάρτη και την υπόδειξη. Έτσι θα πάμε για να πάρει όπου έφυγε μακριά, με Satyen σημειώνοντας τυχόν ενημερώσεις για τα ακατέργαστα οδικού χάρτη από την προηγούμενη εβδομάδα, τότε είναι όλα σχετικά με το τι νομίζετε.

Ελάτε λοιπόν με ερωτήσεις και προτάσεις. Θέλουμε να ακούσουμε ποιες είναι οι προτεραιότητές σας για το επόμενο έτος και το πώς μπορούμε να βοηθήσουμε, και ποιες οι σκέψεις σας είναι σε κάνει Yui ως ένα προϊόν (ή οικογένεια προϊόντων) πιο πλήρη και εξαιρετική.

Θα είμαστε σε απευθείας σύνδεση δέκα-έντεκα PDT Πέμπτη. Οι λεπτομέρειες σύνδεσης είναι η ίδια όπως πάντα.

Κλήση για να 1-888-371-8922 (Skype λειτουργεί άψογα για μη αμερικανούς συμμετέχοντες *)
Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
Ενώστε την κοινή προβολή οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά που το χρησιμοποιεί). Σημείωση: Αυτή η διεύθυνση URL έχει αλλάξει, γι 'αυτό παρακαλώ ενημερώστε τους σελιδοδείκτες σας εάν χρησιμοποιείτε ακόμα το παλιό URL.

Greh Hinch πήρε τη συζήτηση που ξεκίνησε Στο φόρουμ , έτσι ώστε να πάρει την brainstorming ήδη και θα τα πούμε Πέμπτη!

UPDATE (1 / 26)

Μπορείτε να βρείτε το σχέδιο του οδικού χάρτη 2011 ότι Satyen συζητήθηκε την περασμένη εβδομάδα στο wiki YUILibrary.com. Δεν θα περνούν πολύ χρόνο στην αναθεώρηση αυτή, έχουν έτσι μια ματιά πριν από την κλήση.

* - Σε περίπτωση που το Skype δεν είναι μια επιλογή, με e-mail για έναν τοπικό αριθμό.

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Ανακοινώνοντας το Yahoo! User Interface Βιβλιοθήκη Cookbook 2.x

21 Ιανουαρίου, 2011 στις 9:00 π.μ. από τον Matt Snider | Σε Ανάπτυξης | 6 Σχόλια

Packt Publishing είναι στην ευχάριστη θέση να ανακοινώσει την κυκλοφορία του νέου του βιβλίου μου, το Yahoo! User Interface Βιβλιοθήκη Cookbook 2.x . Το βιβλίο περιέχει πολλές συνταγές κωδικοποίησης, παρέχοντας στους αναγνώστες με αναλυτικά παραδείγματα για πάνω από είκοσι πέντε Yui συστατικά 2.x, συμπεριλαμβανομένων των εμπορευματοκιβωτίων , μεταφοράς και απόθεσης , του Connection Manager , DataTable , TreeView , και πολλά άλλα.

Τι θα μάθετε από αυτό το βιβλίο

Έχω γράψει αυτό το βιβλίο έτσι ώστε να σας βοηθήσει να μάθετε πώς να χρησιμοποιείτε Yui 2.x για την οικοδόμηση πιο πλούσια, πιο διαδραστικές εφαρμογές Web που εντυπωσιάζουν τους πελάτες και τους φίλους σας wow. Έχει συνταγές εξηγώντας πάνω από είκοσι πέντε συνιστώσες Yui, που δείχνει τον τρόπο χρήσης τους, και πώς να διαμορφώσετε τους να ικανοποιήσουν τις ανάγκες σας. Κάθε συστατικό που καλύπτεται θα έχει εκχυλίσιμες δείγματα κώδικα που επιδεικνύουν την κοινή τρόπους με τους οποίους το στοιχείο χρησιμοποιείται.

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

Πρακτική και γεμάτη με εύκολο στη ακολουθούν συνταγές, το βιβλίο θα σας βοηθήσει να δημιουργήσετε σύγχρονη, πλούσια διαδικτυακών υπηρεσιών που χρησιμοποιούν τα πιο ισχυρά συστατικά της Βιβλιοθήκης Yahoo! User Interface (Yui).

Ποιος αυτό το βιβλίο είναι γραμμένο για

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

Πάρτε 15% έκπτωση!

Packt Publishing προσφέρει 15% έκπτωση σε οποιαδήποτε YUIBlog αναγνώστη, και θα βρείτε το βιβλίο μου είναι διαθέσιμο σε δύο e-Book και παραδοσιακές μορφές. Για να λάβετε έκπτωση σας, την αγορά απλά το Yahoo! User Interface Βιβλιοθήκη Cookbook 2.x μέσω Packt Publishing, και να παρέχει τον κωδικό YUI2XCBK15 στο ταμείο. (Σημείωση: Πρέπει να είστε συνδεδεμένοι με τον κωδικό για να εργαστούν.)

Θέλετε ένα δείγμα;

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

" Yui 2.X: Χρησιμοποιώντας Component Event "

Σχετικά με το Συντάκτης: Matt Snider είναι ένα web developer και JavaScript aficionado. Ματ έχει την ανάπτυξη εφαρμογών Web σε μια ποικιλία πλαισίων και των γλωσσών για τα τελευταία 7 χρόνια, και έχει επίσης τη σύνταξη ενός blog για την ανάπτυξη Ιστού για σχεδόν 4 χρόνια. Ο Μάκης είναι ο κύριος μηχανικός στο Mint.com . Έχει συμβάλει σε μεγάλο βαθμό τόσο Yui 2 και 3, καθώς το στοιχείο αποθήκευσης σε Yui 2 (που καλύπτεται σε αυτό το βιβλίο). Matt υπόλοιπα χρόνο του ανάμεσα εργασία ημέρας του, το blog του, και οι εισφορές στο open-source κοινότητα. Όταν δεν λειτουργεί απολαμβάνει backpacking μακρυά από το όλα ή διαμένουν σε εξερεύνηση και επεκτατική συλλογή παιχνίδι του βίντεο.

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui Θέατρο - Satyen Desai: "'ένα τηλέφωνο, ένα δισκίο και μια βόλτα σε ένα φορητό Bar ...»-Yui' s προσέγγιση για την ανάπτυξη των κινητών Web "(55 λεπτά).

17 Ιαν 2011 στις 8.37 πμ από τον Eric Miraglia | Σε Ανάπτυξης , Yui Θέατρο | Comments Off

Satyen Desai ( @ dezziness ), δημιουργός της Yui 3 εξαρτημάτων και υποσυστημάτων widget, συζητά την προσέγγιση Yui να υποστηρίξει την νέα σειρά του web-enabled συσκευές στην αγορά σήμερα, και πως μας αρέσει να σκεφτόμαστε τους όσον αφορά τα χαρακτηριστικά και τους περιορισμούς ως σε αντίθεση με ένα απομονωμένο χώρο πρόβλημα.

Αν ενσωματώσετε το βίντεο παρακάτω δεν εμφανίζεται σωστά στο RSS reader της επιλογής σας, να είστε βέβαιος να κλικ για να παρακολουθήσουν την υψηλής ανάλυσης εκδοχή του βίντεο Yui Θέατρο .

Άλλα πρόσφατα Βίντεο Θέατρο Yui:

Luke Smith: Yui 3: κάτω από την επιφάνεια - Luke Smith, ένας μηχανικός της ομάδας Yui, προσφέρει ένα από τα πρώτα στις εκτιμήσεις συνομιλίες στο YUIConf 2010, ψάχνει μέσα σε μερικά από τα μοτίβα πυρήνα και κομμάτια των υποδομών που βρίσκονται στην καρδιά της Yui 3.
Ryan Grove: Εισαγωγή Yui 3 AutoComplete - Σε αυτήν την ομιλία από YUIConf 2010, Yui 3 AutoComplete συγγραφέας Ryan Grove σας οδηγήσει σε ένα ταξίδι-αστραπή σε μερικά από τα πολλά σχέδια αυτόματης συμπλήρωσης που κατέστη δυνατή από αυτό το στοιχείο και να παρέχει μια βαθιά βουτιά στην ισχυρή νέα YQL ένταξή της , το φιλτράρισμα και την προβολή των δυνατοτήτων.
Paul Donnelly και Nagesh Susarla: YQL + Yui: Building End-to-end εφαρμογές - Κατά την ανάπτυξη widgets, δεν είναι πώς να χρησιμοποιούν YQL δεδομένα που εμφανίζεται ως ένα ζήτημα, αλλά μάλλον πώς να αποκτήσετε πρόσβαση. Σε αυτό το YUIConf 2010 συνόδου, YQL μηχανικούς Paul Donnelly και Nagesh Susarla αναθεώρηση που αρχίζει το ερώτημά σας στο YQL κονσόλα, πρόσβαση YQL δεδομένων μέσω των διαφόρων παραμέτρων, και να περάσει από διάφορα στρώματα ταυτότητας YQL του.
Eric Ferraiuolo: TipTheWeb.org: Heavy Duty Yui 3 & YQL - Σε αυτή τη συνεδρίαση από YUIConf 2010, TipTheWeb συνιδρυτής και Yui συνεισφέρων Eric Ferraiuolo συζητά τη δημιουργία ενός έργου codebase κλίμακας χρησιμοποιώντας Yui 3, Yui 3 Gallery, και YQL.
Reid Burke: Yeti: Εύκολο Interface Δοκιμές Yui του - Δοκιμές cross-browser εφαρμογές web έχει πάρα πολύ δύσκολο για πάρα πολύ καιρό: Είσαι είτε επαναφόρτωση χειροκίνητα browsers ή αγωνίζονται με πολύπλοκο λογισμικό αυτοματισμού. Σε αυτή τη συνεδρίαση από YUIConf 2010, Yui μηχανικός Reid συνομιλίες Burke για το πώς Yeti Yui του έργου βοηθά στην αντιμετώπιση αυτών των προβλημάτων. Reid συζητά πότε θα πρέπει να χρησιμοποιήσετε για αυτόματο έλεγχο για τον κωδικό frontend σας, πώς Yeti λειτουργεί με Yui Test, πώς να στήσετε cross-browser δοκιμή μέσα σε λίγα λεπτά και το πώς η ομάδα Yui χρησιμοποιεί Yeti να διαθέσει ένα καλύτερο προϊόν.

Περιεχόμενο CC / Μεταχειρισμένο Με την ευγενική παραχώρηση:

Εγγραφή στη Yui Θέατρο:

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui Θέατρο - Luke Smith: «Yui 3: κάτω από την επιφάνεια» (48 min.)

14 Ιαν 2011 στις 14:33 από τον Eric Miraglia | Σε Ανάπτυξης , Yui Θέατρο | Comments Off

Σε αυτό το Yui Θέατρο βίντεο, μηχανικός Yui Luke Smith ( @ ls_n ) παραδίδει ένα από τα πρώτα στις εκτιμήσεις συνομιλίες στο YUIConf 2010, ψάχνει μέσα σε μερικά από τα μοτίβα πυρήνα και κομμάτια των υποδομών που βρίσκονται στην καρδιά της Yui 3.

Αν ενσωματώσετε το βίντεο παρακάτω δεν εμφανίζεται σωστά στο RSS reader σας, φροντίστε να κάντε κλικ για να παρακολουθήσουν μέσα από την υψηλής ανάλυσης εκδοχή του βίντεο Yui Θέατρο .

Άλλα πρόσφατα Βίντεο Θέατρο Yui:

Satyen Desai: «ένα τηλέφωνο, ένα δισκίο και μια βόλτα Laptop σε ένα μπαρ ...»-Yui 's προσέγγιση για την ανάπτυξη των κινητών Web - Satyen Desai, δημιουργός της Yui 3 εξαρτημάτων και υποσυστημάτων widget, συζητά την προσέγγιση Yui να υποστηρίξει την νέα σειρά του web ενεργοποιημένη συσκευές στην αγορά σήμερα, και πώς θα θέλαμε να σκεφτούμε τους όσον αφορά τα χαρακτηριστικά και τους περιορισμούς σε αντιδιαστολή με ένα απομονωμένο χώρο πρόβλημα.
Ryan Grove: Εισαγωγή Yui 3 AutoComplete - Σε αυτήν την ομιλία από YUIConf 2010, Yui 3 AutoComplete συγγραφέας Ryan Grove σας οδηγήσει σε ένα ταξίδι-αστραπή σε μερικά από τα πολλά σχέδια αυτόματης συμπλήρωσης που κατέστη δυνατή από αυτό το στοιχείο και να παρέχει μια βαθιά βουτιά στην ισχυρή νέα YQL ένταξή της , το φιλτράρισμα και την προβολή των δυνατοτήτων.
Paul Donnelly και Nagesh Susarla: YQL + Yui: Building End-to-end εφαρμογές - Κατά την ανάπτυξη widgets, δεν είναι πώς να χρησιμοποιούν YQL δεδομένα που εμφανίζεται ως ένα ζήτημα, αλλά μάλλον πώς να αποκτήσετε πρόσβαση. Σε αυτό το YUIConf 2010 συνόδου, YQL μηχανικούς Paul Donnelly και Nagesh Susarla αναθεώρηση που αρχίζει το ερώτημά σας στο YQL κονσόλα, πρόσβαση YQL δεδομένων μέσω των διαφόρων παραμέτρων, και να περάσει από διάφορα στρώματα ταυτότητας YQL του.
Eric Ferraiuolo: TipTheWeb.org: Heavy Duty Yui 3 & YQL - Σε αυτή τη συνεδρίαση από YUIConf 2010, TipTheWeb συνιδρυτής και Yui συνεισφέρων Eric Ferraiuolo συζητά τη δημιουργία ενός έργου codebase κλίμακας χρησιμοποιώντας Yui 3, Yui 3 Gallery, και YQL.
Reid Burke: Yeti: Εύκολο Interface Δοκιμές Yui του - Δοκιμές cross-browser εφαρμογές web έχει πάρα πολύ δύσκολο για πάρα πολύ καιρό: Είσαι είτε επαναφόρτωση χειροκίνητα browsers ή αγωνίζονται με πολύπλοκο λογισμικό αυτοματισμού. Σε αυτή τη συνεδρίαση από YUIConf 2010, Yui μηχανικός Reid συνομιλίες Burke για το πώς Yeti Yui του έργου βοηθά στην αντιμετώπιση αυτών των προβλημάτων. Reid συζητά πότε θα πρέπει να χρησιμοποιήσετε για αυτόματο έλεγχο για τον κωδικό frontend σας, πώς Yeti λειτουργεί με Yui Test, πώς να στήσετε cross-browser δοκιμή μέσα σε λίγα λεπτά και το πώς η ομάδα Yui χρησιμοποιεί Yeti να διαθέσει ένα καλύτερο προϊόν.

Περιεχόμενο CC / Μεταχειρισμένο Με την ευγενική παραχώρηση:

Εγγραφή στη Yui Θέατρο:

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui: Ώρες Λειτουργίας Τετ 19 του Ιανουαρίου

13 Γενάρη 2011 στις 4:10 pm από Luke Smith | Στο Ανάπτυξη | 3 Σχόλια

Καλωσορίζοντας το 2011, Yui: Ανοίξτε ώρες θα ξεκινήσει και πάλι, και η πρώτη δόση του νέου έτους θα είναι η επόμενη Τετάρτη, το 19ο.

Φυσικά, με την απελευθέρωση της Yui 3.3.0 , που θα είναι το κύριο θέμα της πρώτης Open φετινό ώρες. Πάω να προσπαθήσουμε να λογομαχία όπως πολλοί από την ομάδα Yui και έξω από συντελεστές, όπως μπορώ για να συμμετάσχετε στην κλήση, και θα πάμε πάνω από το αγαπημένο μας τονίζει στη συνέχεια, ανοίξτε τη συνομιλία να ακούσουν για αυτό που έχετε ήδη παίξει με από την προεπισκόπηση απελευθερώσεις. Θα έχουμε μια ενημέρωση για την 2.9, τότε (και είμαι πολύ ενθουσιασμένος για αυτό), αρχίσουμε να μιλάμε 3.x χάρτη πορείας για το 2011. Και θέλουμε τις ιδέες σας, τα σχόλιά σας. Πού θέλετε να δείτε Yui πηγαίνει φέτος; Ποια είναι τα ζεστά στοιχεία εισιτηρίων στο wish list σας;

Ελάτε λοιπόν και να συνομιλήσετε με την ομάδα Yui σχετικά με το τι νέο και τι επιφυλάσσει το μέλλον θα κρατήσει!

Σε άλλες ειδήσεις από το μέτωπο της εφοδιαστικής πρόγραμμα, θα υπάρξουν κάποιες αλλαγές στο Open μορφή Ώρες:

Κατ 'αρχάς, θα είμαστε συντόμευση την κλήση από 2 ώρες για μια πιο επιχειρηματική ώρες φιλικό προς 1 ώρα
Πάω να ενσωματώσει μια εστίαση εφαρμογή ενότητα στυλ σε κάθε κλήση, έτσι ώστε να μπορούμε όλοι να μάθουμε πώς Yui 3 χρησιμοποιείται στα χαρακώματα (που υπόκεινται σε ειδικά θέματα, όπως οι νέες κυκλοφορίες
Και τέλος και φοβερά, Eric Ferraiuolo , της TipTheWeb φήμη, θα μου ενώνει ως μόνιμο cohost. Είναι ζει το όνειρο Yui 3 από 3.0 beta 1, και θα προσθέσει τη φωνή και την εμπειρία της πραγματικής εφαρμογής.

Θα είμαστε σε απευθείας σύνδεση από τις 10πμ έως τις 23:00 PST, εκτός εάν η συνομιλία είναι πολύ καλό για να σταματήσει. Οι λεπτομέρειες σύνδεσης είναι η ίδια όπως πάντα.

Κλήση για να 1-888-371-8922 (Skype λειτουργεί άψογα για μη αμερικανούς συμμετέχοντες *)
Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
Ενώστε την κοινή προβολή οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά που το χρησιμοποιεί)

Μην ξεχάσετε να εγγραφείτε στην Yui Ημερολόγιο και ακολουθήστε @ yuilibrary στο Twitter για τις πιο πρόσφατες ενημερώσεις για την Ανοικτή Ώρες και άλλα interestingness Yui.

Θα σας δούμε εκεί!

* - Σε περίπτωση που το Skype δεν είναι μια επιλογή, με e-mail για έναν τοπικό αριθμό.

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Πίνακας υποσέλιδο στατιστικά στοιχεία για Yui 2 DataTable

13 Γενάρη 2011 στις 4:00 μ.μ. από τον Matt Parker | Σε Ανάπτυξης | 2 Σχόλια

Η Yui 2 DataTable κάνει πολλά. Αλλά ένα από τα πράγματα που δεν κάνει είναι κάτι με ένα υποσέλιδο πίνακα, όπου μπορείτε να περιμένετε να βρείτε σύνολα, μέσους όρους ή άλλα συνοπτικά στοιχεία. Έτσι έχω επεκταθεί DataTable για να προσθέσετε τα συνοπτικά στοιχεία για αριθμητικά δεδομένα.

Να πάρει αυτό που πηγαίνει

Κατ 'αρχάς, να το χρησιμοποιήσετε: θα χρειαστείτε ένα τμήμα κώδικα από github - υπάρχουν τρεις js αρχεία, και θα πρέπει όλοι τους στη σελίδα σας μετά την Yui DataTable αρχείο js. Και ίσως να θέλετε να αλλάξετε το χώρο ονομάτων - χρησιμοποιούμε YAHOO.LPLT.DataTable με την επέκταση της YAHOO.widget.DataTable . Θα εξηγήσω λίγο περισσότερο σχετικά με αυτά τα αρχεία παρακάτω.

Θα συσταθεί datatable σας κανονικά, αλλά υπάρχουν τρία πράγματα που πρέπει να κάνετε για να πάρετε την περίληψη εργασίας:

Βεβαιωθείτε ότι πηγή δεδομένων σας καθορίζει "αριθμός" parsers για οποιαδήποτε πεδία θέλετε να συνοψίσετε, ειδικά αν κάνετε επιτόπια επεξεργασία των κυττάρων:
```
  myDataSource.responseSchema = {πεδία: [
    {Κλειδί: "ποσότητα", parser: "αριθμός"}
    / * Κλπ. ..  * /
 ]}?
```
Προσθέστε ένα config κλειδί-τιμή του columnStats: αλήθεια σε σειρά ορισμό στήλη σας:
```
  var myColumnDefs = [
     {Κλειδί: "ποσότητα", την ετικέτα: "Ποσότητα", columnStats: αλήθεια} 
     / * Κλπ. ..  * /
 ]?
```
για τις στήλες που θέλετε συνοψίζονται. (Το σύνολο των «id» στήλη σας είναι πιθανόν να μην είναι πολύ χρήσιμο!).
Πείτε το datatable οποίο οι στατιστικές για τον υπολογισμό:
```
 var myDataTable = νέα YAHOO.LPLT.DataTable ("exampleEl",
     myColumnDefs, 
     myDataSource, 
     {ColumnStats: {σχετικά με: αλήθεια, στατιστικά: ['άθροισμα']}}
 )?
```
Αυτός είναι ο απλούστερος δυνατός τρόπος για να ρυθμίσετε τις στατιστικές στήλη, αλλά μπορείτε να προσθέσετε επιπλέον στατιστικά στοιχεία, να προσαρμόσετε τις ετικέτες, και πολλά άλλα.

Υπάρχει ένα παράδειγμα για github να παίξει με.

Μερικά σημεία:

Το υποσέλιδο θα αλλάξει με το τραπέζι σας. Έτσι, εάν εμφανίσετε / αποκρύψετε στήλες, μετακινήστε τους γύρω, προσθήκη νέων, προσθήκη / αφαίρεση σειρές, είδος, ή να χρησιμοποιήσετε inline συντάκτες των κυττάρων, το υποσέλιδο θα ενημερώσει το UI και τα στατιστικά στοιχεία ανάλογα.
Μπορείτε να προσθέσετε όσες γραμμές στο υποσέλιδο που θέλετε, μία γραμμή για κάθε στατιστικό στοιχείο. Όπως έχουν τα πράγματα, μπορείτε να έχετε σημαίνει, διάμεσος, άθροισμα, min, max, σειρά, STDEV, διακύμανση, ή varianceUnbiased. Οι «στατιστικά» στη διαμόρφωση είναι ένας πίνακας: απλά προσθέστε τα στατιστικά στοιχεία που θα θέλατε να το array (π.χ. stats: ["min", "median", "stdev"] ).
Το υποσέλιδο πίνακας θα χρησιμοποιήσει κάθε μορφοποιητές που ορίζεται για τη στήλη.
Εάν έχετε ένα paginator, μπορείτε να επιλέξετε αν τα στατιστικά στοιχεία που εμφανίζονται είναι για ολόκληρο τον πίνακα ή μόνο το ορατό σελίδα. Προσθήκη pagedTotals: true στην columnStats αντικείμενο ανάγκη για στατιστικά στοιχεία της σελίδας.
Η σειρά «στατιστικά» στο config αντικειμένου μπορεί επίσης να περιλαμβάνει literals αντικείμενο, με το «σήμα» τα κλειδιά και «υποσημείωση». fn είναι η συνάρτηση που θα υπολογίζει στατιστικά στοιχεία - είτε μια συμβολοσειρά όπως 'λεπτά »ή μια συνάρτηση που επιστρέφει έναν αριθμό. Το παράδειγμα με github δείχνει πώς θα μπορούσατε να κάνετε ένα «συνολικό σταθμισμένο" χρησιμοποιώντας δεδομένα από δύο στήλες.

Περισσότερα σχετικά με την πραγματική κώδικα επέκταση

Το κύριο αρχείο, YAHOO_DataTable_colStats.js, προσθέτει ένα ζευγάρι των προστατευόμενων ακινήτων στην datatable, λίγα προστατεύεται μεθόδους, και δύο δημόσια μεθόδους, colStatsRefresh η οποία θα υπολογίσει εκ νέου και να αντλήσετε ξανά το υποσέλιδο πίνακα, και colStatsGetRecordSet , η οποία αποδίδει έναν πίνακα είτε του συνόλου των αρχείων, ή μόνο εκείνων ορατή, ανάλογα με την αξία των pagedTotals . Το πρώτο μπορεί να είναι χρήσιμο αν θέλετε να κάνετε αλλαγές στον πίνακα που δεν φωτιά χρήσιμα γεγονότα (για παράδειγμα άμεσα την αλλαγή των δεδομένων στην υποκείμενη RecordSet)? Το δεύτερο εάν χρησιμοποιείτε προσαρμοσμένες λειτουργίες περίληψη.

YAHOO_DataSource_patch.js προσθέτει μια parseField(key, value) μέθοδος για να DataSource. Αυτό είναι απαραίτητο όταν έχεις textbox συντάκτες κυττάρων inline για αριθμητικά δεδομένα? Ο συντάκτης επιστρέφει ένα string, το οποίο δεν αναλύεται αυτόματα, και έτσι δεν μπορεί να προστεθεί. Η parseField παρέχει πρόσβαση στα προγράμματα ανάλυσης που καθορίζονται στο DataSource, για τη μετατροπή επεξεργασία των δεδομένων.

YAHOO_util_Stats.js παρέχει ένα αυτόνομο YAHOO.util.Stats κατηγορία που περικλείει έναν (διαλογή), σειρά από αριθμητικά δεδομένα και να παρέχει τα στατιστικά στοιχεία περίληψη. Είναι μόνο η εξάρτηση είναι YAHOO.lang. Ένα παράδειγμα YAHOO.util.Stats συντηρείται από το DataTable για κάθε στήλη που πρόκειται να συνοψιστεί, και αποθηκεύει προσωρινά μερικά από τα πιο σκληρά μαθηματικά τη βελτίωση των επιδόσεων. Οι χορδές που ψηφίστηκε τον στην παράταξη stats («λεπτά», «μεσαίο», κλπ) οι μέθοδοι της κλάσης YAHOO.util.Stats, έτσι θα μπορούσατε εύκολα να προσθέσετε επιπλέον αυτές με την προσθήκη στο πρωτότυπο. Σημειώστε όμως ότι έχουν πρόσβαση μόνο στα δεδομένα στήλη «τους» του.

Και τέλος

Είμαι απόλυτα σίγουρος ότι αυτό δεν πρόκειται να συνεργαστεί με datatables κύλιση, έτσι δεν έχω δοκιμάσει ακόμα! Αλλά αν βρείτε οποιαδήποτε προβλήματα ή έχετε ιδέες, κάνετε παρακαλώ να τους φέρει στο tracker θέμα github.

Περίπου ο συντάκτης: Matt Parker ( @ Lamplightdb στο Twitter ) είναι ο ιδρυτής και κύριος του έργου σε Βάσεις Δεδομένων φως της λάμπας , μια μικρή εταιρεία που παρέχει ολοκληρωμένες δυνατότητες web-based σύστημα διαχείρισης για τα μη-κέρδη στο Ηνωμένο Βασίλειο. Matt ζει και εργάζεται στη βορειοδυτική Λονδίνο.

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Επόμενη Σελίδα »

Yahoo! User Interface Blog (YUIBlog)

Treeble με Yui 3 DataTable