2011 »Januar» Yahoo! User Interface Blog (YUIBlog)

Treeble mit YUI 3 DataTable

24. Januar 2011 um 10:41 Uhr von John Lindal | In Entwicklung , YUI 3 Galerie | 7 Kommentare

Die Beta-Version von DataTable in YUI 3.3.0 gibt uns eine sehr leistungsfähige Komponente, um mit zu spielen. Um die Reifen in einer nützlichen Weise zu treten, beschloss ich, meine aktualisieren Treeble Beispiele zu DataTable verwenden. (Treeble ermöglicht die Anzeige hierarchischer Daten in einer Tabelle .)

Zu meiner Freude war es ein Kinderspiel! Die ganze harte Arbeit ist getan in TreebleDataSource , die YUI 3 DataSource, also alles, was ich tun musste, war stecken Sie es in DataTable mit Hilfe erstreckt Y.Plugin.DataTableDataSource und konfigurieren Sie die Spalten:

 var ds = new Y.TreebleDataSource (...),
	 pg = new Y.Paginator (...),
	 Tabelle;

 sendeAnfrage Funktion () {
	 table.datasource.load ({
		 Anfrage: {
			 startIndex: pg.getStartIndex (),
			 resultCount: pg.getRowsPerPage ()
		 }
	 });
 }

 var cols = [
     {Key: 'yui33-hack', Aufschrift:''},
     {
         Schlüssel: 'treeblenub', Aufschrift:'',
         Formatierer: Y.Treeble.buildTwistdownFormatter (sendeAnfrage)
     },
     {
         Schlüssel: 'title', Aufschrift: 'Titel',
         Formatierer: Y.Treeble.treeValueFormatter
     },
     ...
 ];

 table = new Y.DataTable.Base ({ColumnSet: cols});
 table.plug (Y.Plugin.DataTableDataSource, {Datenquelle: ds});

Um den kompletten Source-Code zu sehen, beziehen sich auf die Live-Beispiel .

Die einzigen Wermutstropfen sind:

Die yui33-hack-Spalte. Aufgrund eines Fehlers in YUI 3.3.0 DataTable , die td weitergegeben Element einer Spalte Formatierer ist eigentlich aus der vorherigen Spalte. Somit zeigt die erste Spalte in der Tabelle die twistdown, und die zweite Spalte leer ist.
Undefinierte Werte in den Daten angezeigt werden als {value} anstelle von Leerzeichen ( Bug 2529858 ).

Um Treeble einfacher zu benutzen, habe ich hinzugefügt Sam eine Haut, welche Stile auf die CSS-Klassen, die von den schriftlichen Y.Treeble Formatierer.

Viel Spaß!

Über den Autor: John Lindal ( @ jafl5272 auf Twitter) ist einer der leitenden Ingenieure bauen das Fundament, auf dem Yahoo! APT wird gebaut. Zuvor arbeitete er auf dem Yahoo! Publisher Network.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI: Öffnungszeiten Do. 27. Januar

21. Januar 2011 um 16.04 Uhr von Luke Smith | In Entwicklung , Öffnungszeiten | Keine Kommentare

Der nächste YUI: Öffnen Sie Stunden wird am kommenden Donnerstag sein, die 27..

Letzte Woche haben wir versucht, zu viel in die verkürzte 1 Stunde Zeitfenster packen, und rannte aus der Zeit, bis eine der wichtigsten Segmente: die 2011 YUI 3 Roadmap Feedback und Anregung Teil. Also werden wir anknüpfen, wo wir aufgehört haben, mit der Feststellung, Satyen alle Updates der groben Fahrplan von letzter Woche, dann dreht sich alles um, was Sie denken.

Also mit Fragen und Anregungen kommen. Wir wollen hören, was Ihre Prioritäten für das kommende Jahr sind und wie wir helfen können, und was sind Ihre Gedanken auf YUI macht als ein Produkt (oder eine Produktfamilie) vollständiger und ausstehend.

Wir werden Online von 10.00 bis 11.00 Uhr PDT am Donnerstag. Die Verbindungsdaten sind die gleichen wie immer.

Wählen Sie sich in 1-888-371-8922 (Skype funktioniert gut für Nicht-US-Teilnehmer *)
Geben Sie den Teilnehmer-Code 47188953 #
Join the Screen-Sharing-Sitzung (dies wird Sie auffordern, die Adobe Connect-Plugin zu installieren, wenn dies Ihre erste Mal benutzen). Hinweis: Diese URL hat sich geändert, bitte aktualisieren Sie Ihre Lesezeichen, wenn Sie immer noch mit der alten URL.

GREH Hinch bekam das Gespräch begonnen In den Foren , so zu Brainstorming bereits bekommen und wir sehen uns Donnerstag!

UPDATE (1/26)

Sie finden den Entwurf der Roadmap 2011 , die letzte Woche diskutiert Satyen auf der YUILibrary.com Wiki. Wir werden nicht viel Zeit zu überarbeiten ist, so werfen Sie einen Blick vor dem Aufruf.

* - Wenn Skype ist keine Option, mailen Sie mir für eine lokale Nummer.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

Bei der Bekanntgabe Yahoo! User Interface Library 2.x Kochbuch

21. Januar 2011 um 9:00 Uhr von Matt Snider | In Entwicklung | 6 Kommentare

Packt Publishing freut sich, die Freigabe von meinem neuen Buch, ankündigen Yahoo! User Interface Library 2.x Kochbuch . Das Buch enthält zahlreiche Rezepte Kodierung und bietet den Lesern mit ausführlichen Beispielen für über 25 YUI 2.x Komponenten, einschließlich Container , Drag & Drop , Connection Manager , DataTable , TreeView , und vieles mehr.

Was werden Sie aus diesem Buch lernen

Ich habe dieses Buch geschrieben, so dass es helfen wird, erfahren Sie, wie YUI 2.x verwenden, um reicher, interaktive Web-Anwendungen, die Kunden zu beeindrucken und begeistern Sie Ihre Freunde zu bauen. Sie hat Rezepte zu erklären über 25 YUI-Komponenten, die zeigen, wie man sie benutzt, und wie sie zu konfigurieren, um Ihre Bedürfnisse zu erfüllen. Jede Komponente abgedeckt werden extrahierbaren Codebeispiele, die die gemeinsamen Wege, dass die Komponente verwendet wird, zu präsentieren.

Zusätzlich können vollständig funktionierende Code getrennt für jedes Kapitel heruntergeladen werden, so dass es leichter zu folgen. Für jedes der Rezepte, gibt es ein einleitendes Beispiel, dann fortgeschrittenere Beispiele, durch eine Erläuterung, wie die Komponente funktioniert und was tut YUI gefolgt. Für erfahrene Entwickler, die meisten Rezepte auch zusätzliche Diskussion über die Lösung, die erläutern, wie weiter anpassen und verbessern die Komponente.

Praktische und voll gepackt mit easy-to-Rezepte folgen, wird das Buch Ihnen dabei helfen, moderne Rich Internet Applications mit den mächtigsten Komponenten des Yahoo! User Interface Library (YUI).

Wer dieses Buch ist geschrieben für

Das Buch ist am besten für JavaScript-Entwickler, die relativ neu auf YUI 2 sind oder Interesse an den schnellen Einstieg geeignet. Sie enthält jedoch auch Beispiele für nahezu jede Komponente und wird gleichermaßen als Referenz für erfahrene Entwickler, die auffrischen oder erkunden Sie einige der leistungsstärksten Funktionen der einzelnen Komponenten geeignet.

Holen Sie sich 15% Rabatt!

Packt Publishing bietet einen 15% Rabatt auf jeden YUIBlog Leser, und finden Sie mein Buch ist sowohl in eBook-Formate und traditionelle. Um Ihren Rabatt zu erhalten, erwerben Sie einfach Yahoo! User Interface Library 2.x Cookbook durch Packt Publishing, und geben Sie den Code YUI2XCBK15 an der Kasse. (Hinweis: Sie müssen in für den Code an die Arbeit anmelden.)

Willst du ein Sample?

Damit Sie ein Gefühl für die Inhalte innerhalb meines Buches zur Verfügung gestellt, ist Packt großzügig genug, um eine Probe von dem, was Sie erwarten können, bieten:

" YUI 2.x: Verwenden der Ereignissteuerung Component "

Über den Autor: Matt Snider ist ein Web Developer und JavaScript-Aficionado. Matt wurde die Entwicklung von Web-Anwendungen in einer Vielzahl von Frameworks und Sprachen für die letzten 7 Jahre, und wurde auch das Schreiben eines Blog auf Web-Entwicklung seit fast 4 Jahren. Matt ist der Principal Engineer bei Mint.com . Er hat ausführlich sowohl YUI 2 und 3 beigetragen, einschließlich des Speicher-Komponente in YUI 2 (abgedeckt in diesem Buch). Matt gleicht seine Zeit zwischen seinem Job und seinem Blog, und Beiträge zur Open Source-Gemeinde. Wenn er nicht arbeitet er genießt Rucksack weg von allem oder Aufenthalt in und erforschen seine expansive Videospiel-Sammlung.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI Theater - Satyen Desai: (. 55 min) "'Ein Telefon, ein Tablet und ein Laptop gehen in eine Bar ...' YUI-Ansatz für Mobile Web Development"

17. Januar 2011 um 08.37 Uhr von Eric Miraglia | In Entwicklung , YUI Theater | Kommentare deaktiviert

Satyen Desai ( @ dezziness ), der Schöpfer der YUI 3-Komponenten-und Widget-Subsysteme, diskutiert YUI das Konzept für die neue Reihe von Web-fähigen Geräten auf dem Markt heute, und wie wir gerne von ihnen denken, in puncto Ausstattung und Zwänge als im Gegensatz zu einem isolierten Problem Raum.

Wenn das Video einbetten unten nicht richtig dargestellt wird in Ihren RSS-Reader der Wahl, achten Sie darauf, klicken Sie sich durch, um die hochauflösende Version des Videos auf YUI Theater zu sehen .

Andere Recent YUI Theater Videos:

Luke Smith: YUI 3: Unter der Oberfläche - Luke Smith, ein YUI-Team-Ingenieur, liefert eine der angesehensten Gespräche auf YUIConf 2010, sucht im Inneren einige der zentralen Mustern und Infrastruktur Stücke, die im Herzen der YUI 3 liegen.
Ryan Grove: Introducing YUI 3 AutoComplete - In diesem Vortrag aus YUIConf 2010 findet YUI 3 AutoVervollständigen Autor Ryan Grove Sie mit auf eine rasante Tour über einige der vielen autocomplete Muster, die auf dieser Komponente und bietet einen tiefen Einblick in seine neuen leistungsstarken YQL Integration , zu filtern, und Hervorheben Funktionen.
Paul Donnelly und Nagesh Susarla: YQL + YUI: Building End-to-End-Anwendungen - Bei der Entwicklung von Widgets, es ist nicht, wie man YQL Daten zu verwenden, kommt als Frage, sondern wie man darauf zugreift. In diesem YUIConf Tagung im Jahr 2010, beginnend YQL Ingenieure Paul Donnelly und Nagesh Susarla Überprüfung Ihrer Abfrage in der YQL Konsole zugreifen YQL Daten über die verschiedenen Endpunkte und gehen durch verschiedene Authentifizierungs-YQL der Schichten.
Eric Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 & YQL - In dieser Sitzung aus YUIConf 2010, diskutiert TipTheWeb Mitbegründer und YUI Beitragszahler Eric Ferraiuolo die Schaffung eines Projekt-Skala Codebasis mit YUI 3, YUI 3 Gallery, und YQL.
Reid Burke: Yeti: YUI die einfache Prüfung Schnittstelle - Prüfung Cross-Browser Web-Anwendungen ist zu schwierig für zu lang: Sie sehen entweder manuell Nachladen Browser oder den Kampf mit komplizierten Automatisierungssoftware. In dieser Session aus YUIConf 2010, YUI Ingenieur Reid Burke spricht darüber, wie YUI der Yeti-Projekt trägt dazu bei, diese Probleme anzugehen. Reid diskutiert, wenn Sie automatisierte Tests für Ihr Frontend-Code, wie Yeti mit YUI Test, wie man Cross-Browser-Test in wenigen Minuten einrichten und wie die YUI-Team nutzt Yeti, ein besseres Produkt liefern arbeitet verwenden sollten.

CC Content / Mit freundlicher Genehmigung:

Abonnieren von YUI Theater:

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI Theater - Luke Smith: "YUI 3: unter der Oberfläche" (48 min.)

14. Januar 2011 um 14.33 Uhr von Eric Miraglia | In Entwicklung , YUI Theater | Kommentare deaktiviert

In diesem YUI Theater Video, YUI-Ingenieur Luke Smith ( @ ls_n liefert) eine der am höchsten bewerteten Gespräche auf YUIConf 2010, sucht im Inneren einige der zentralen Mustern und Infrastruktur Stücke, die im Herzen der YUI 3 liegen.

Wenn das Video einbetten unten nicht richtig dargestellt wird in Ihren RSS-Reader, achten Sie darauf klicken, um die hochauflösende Version des Videos auf YUI Theater zu sehen .

Andere Recent YUI Theater Videos:

Satyen Desai: "Ein Telefon, ein Tablet und ein Laptop gehen in eine Bar ... '-YUI Ansatz zur Webentwicklung für mobile Geräte - Satyen Desai, der Schöpfer der YUI 3-Komponenten-und Widget-Subsysteme, diskutiert YUI das Konzept für die neue Reihe von Web-fähigen Geräte auf dem Markt heute, und wie möchten wir von ihnen in puncto Ausstattung und Zwänge als ein isoliertes Problem Raum im Gegensatz zu denken.
Ryan Grove: Introducing YUI 3 AutoComplete - In diesem Vortrag aus YUIConf 2010 findet YUI 3 AutoVervollständigen Autor Ryan Grove Sie mit auf eine rasante Tour über einige der vielen autocomplete Muster, die auf dieser Komponente und bietet einen tiefen Einblick in seine neuen leistungsstarken YQL Integration , zu filtern, und Hervorheben Funktionen.
Paul Donnelly und Nagesh Susarla: YQL + YUI: Building End-to-End-Anwendungen - Bei der Entwicklung von Widgets, es ist nicht, wie man YQL Daten zu verwenden, kommt als Frage, sondern wie man darauf zugreift. In diesem YUIConf Tagung im Jahr 2010, beginnend YQL Ingenieure Paul Donnelly und Nagesh Susarla Überprüfung Ihrer Abfrage in der YQL Konsole zugreifen YQL Daten über die verschiedenen Endpunkte und gehen durch verschiedene Authentifizierungs-YQL der Schichten.
Eric Ferraiuolo: TipTheWeb.org: Heavy Duty YUI 3 & YQL - In dieser Sitzung aus YUIConf 2010, diskutiert TipTheWeb Mitbegründer und YUI Beitragszahler Eric Ferraiuolo die Schaffung eines Projekt-Skala Codebasis mit YUI 3, YUI 3 Gallery, und YQL.
Reid Burke: Yeti: YUI die einfache Prüfung Schnittstelle - Prüfung Cross-Browser Web-Anwendungen ist zu schwierig für zu lang: Sie sehen entweder manuell Nachladen Browser oder den Kampf mit komplizierten Automatisierungssoftware. In dieser Session aus YUIConf 2010, YUI Ingenieur Reid Burke spricht darüber, wie YUI der Yeti-Projekt trägt dazu bei, diese Probleme anzugehen. Reid diskutiert, wenn Sie automatisierte Tests für Ihr Frontend-Code, wie Yeti mit YUI Test, wie man Cross-Browser-Test in wenigen Minuten einrichten und wie die YUI-Team nutzt Yeti, ein besseres Produkt liefern arbeitet verwenden sollten.

CC Content / Mit freundlicher Genehmigung:

Abonnieren von YUI Theater:

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI: Öffnungszeiten Mi 19. Januar

13. Januar 2011 um 04.10 Uhr von Luke Smith | In Entwicklung | 3 Kommentare

Begrüßung im Jahr 2011, YUI: wird Öffnungszeiten werden wieder losgeht, und die erste Rate des neuen Jahres wird am kommenden Mittwoch, dem 19. sein.

Natürlich mit dem Release von YUI 3.3.0 , das wird das Hauptthema der diesjährigen ersten Open Stunden betragen. Ich werde versuchen, so viele der YUI-Team und externen Autoren, wie ich kann, um den Anruf beitreten streiten, und wir werden über unsere Lieblings-Highlights gehen öffnen Sie dann das Gespräch über das, was Sie bereits mit aus der Vorschau zu hören, gespielt Releases. Wir werden ein Update auf 2,9 haben, dann ist (und ich bin ziemlich darüber aufgeregt), zu sprechen beginnen 3.x Roadmap für 2011. Und wir wollen Ihre Ideen, Ihr Feedback. Wo wollen Sie, um zu sehen YUI gehen in diesem Jahr? Was sind die heißen Ticket Artikel auf Ihrer Wunschliste?

Also kommen Sie und plaudern Sie mit der YUI-Team über das, was es Neues gibt und was die Zukunft bringen wird!

In anderen Nachrichten aus dem Programm Logistik vor, wird es einige Änderungen an der Öffnungszeiten Format sein:

Erstens, wir werden eine Verkürzung der Anruf von 2 Stunden zu einem Business-Stunden-freundliche 1 Stunde
Ich werde eine Implementierung stil Abschnitt bei jedem Aufruf zu integrieren, so können wir alle lernen, wie YUI 3 wird in den Schützengräben verwendet (je nach speziellen Themen, wie neue Releases
Und schließlich und ehrfürchtig, Eric Ferraiuolo , von TipTheWeb wird Ruhm, beitreten werden mich als permanentes cohost. Er lebt den Traum YUI 3 seit 3.0 Beta 1, und wird die Stimme und die Erfahrung der realen Welt Anwendung hinzuzufügen.

Wir werden Online von 10.00 bis 23.00 Uhr PST es sei denn, das Gespräch ist zu gut, um zu stoppen. Die Verbindungsdaten sind die gleichen wie immer.

Wählen Sie sich in 1-888-371-8922 (Skype funktioniert gut für Nicht-US-Teilnehmer *)
Geben Sie den Teilnehmer-Code 47188953 #
Join the Screen-Sharing-Sitzung (dies wird Sie auffordern, die Adobe Connect-Plugin zu installieren, wenn dies Ihre erste Mal benutzen)

Vergessen Sie nicht, auf die abonnieren YUI Kalender und folgen Sie @ yuilibrary auf Twitter für die neuesten Updates über Öffnungszeiten und andere YUI Interesse.

Wir sehen uns dort!

* - Wenn Skype ist keine Option, mailen Sie mir für eine lokale Nummer.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

Tabelle Fußzeile Statistiken für YUI 2 DataTable

13. Januar 2011 um 4:00 Uhr von Matt Parker | In Entwicklung | 2 Kommentare

Die YUI 2 DataTable tut viel. Aber eines der Dinge, es nicht tut, ist alles mit einem Tisch Fußzeile, wo Sie erwarten, Summen, Mittelwerte oder andere zusammenfassende Daten finden könnte. Also habe ich verlängert DataTable Übersichtsdaten für numerische Daten hinzuzufügen.

In Gang zu bringen

Erstens, es zu benutzen: Sie werden einen Code aus brauchen github - es gibt drei JS-Dateien, und du wirst sie alle auf Ihrer Seite benötigen nach dem YUI DataTable JS-Datei. Und möchten Sie vielleicht den Namespace ändern - wir verwenden YAHOO.LPLT.DataTable zur Erweiterung von YAHOO.widget.DataTable . Ich werde ein bisschen mehr über diesen Dateien unten zu erklären.

Sie richten Ihre DataTable als normal, aber es gibt drei Dinge, die Sie tun müssen, um die Zusammenfassung zum Laufen zu bringen:

Achten Sie darauf, Ihre Gibt Datenquelle "Nummer" Parser für alle Felder, die Sie zusammenfassen möchten, besonders wenn Sie dabei sind Inline-Editing-Zelle:
```
  myDataSource.responseSchema = {Felder: [
    {Key: "Menge", Parser: "Zahl"}
    / * Etc. ..  * /
 ]};
```
Fügen Sie eine Config-Schlüssel-Wert von columnStats: true in Ihre Spaltendefinition Array:
```
  var myColumnDefs = [
     {Key: "Menge", Aufschrift: "Menge", columnStats: true} 
     / * Etc. ..  * /
 ];
```
für die Spalten, die Sie gerne zusammengefasst würden. (Die Summe Ihrer 'id' Spalte ist wahrscheinlich nicht sehr hilfreich!).
Sagen Sie dem DataTable, die Statistiken zu berechnen:
```
 var = new MyDataTable YAHOO.LPLT.DataTable ("exampleEl",
     myColumnDefs, 
     myDataSource, 
     {ColumnStats: {on: true, Statistik: ['Summe']}}
 );
```
Dies ist die einfachste Möglichkeit, um die Spalte Statistiken konfigurieren, aber Sie können zusätzliche Statistiken hinzuzufügen, passen Sie die Etiketten und vieles mehr.

Es ist ein Beispiel auf GitHub zu spielen.

Ein paar Punkte:

Die Fußzeile wird mit Ihrer Tabelle zu ändern. Also, wenn Sie Anzeigen / Ausblenden von Spalten, sie verschieben, neue hinzufügen, Hinzufügen / Entfernen von Zeilen, sortieren oder benutzen Inline-Zell-Editoren, wird die Fußzeile die Benutzeroberfläche und die Statistik entsprechend aktualisieren.
Sie können so viele Zeilen in die Fußzeile hinzufügen, wie Sie, eine Zeile für jede Statistik mögen. Wie es aussieht, können Sie Mittelwert, Median, Summe, Minimum, Maximum, Spannweite, Standardabweichung, Varianz, oder varianceUnbiased. Die 'Stats' Element in der Konfiguration ist ein Array: fügen Sie einfach die Statistiken, die Sie auf diesem Array (zB möchten stats: ["min", "median", "stdev"] ).
Die Tabelle Fußzeile verwenden alle Formatierer für diese Spalte angegeben.
Wenn Sie eine paginator haben, können Sie wählen, ob die Statistiken gezeigt, für die gesamte Tabelle oder nur die aktuell sichtbaren Seite sind. Fügen Sie pagedTotals: true , um den columnStats widersprechen Seite Statistiken haben.
Die 'Stats' Array in der config-Objekt kann auch Objekt-Literale, mit Tasten 'label' und 'fn'. fn ist die Funktion, Statistiken berechnen wird - entweder ein String wie 'min' oder eine Funktion, die eine Zahl zurückgibt. Das Beispiel zeigt, wie auf GitHub Sie könnten eine "gewichtete Summe" mit Daten aus zwei Spalten zu tun.

Mehr über die tatsächliche Ausdehnung Code

Die Hauptdatei, YAHOO_DataTable_colStats.js, fügt ein paar geschützt Eigenschaften der DataTable, ein paar geschützt Methoden und zwei öffentliche Methoden, colStatsRefresh , die wird neu berechnet und zeichnet den Tisch Fußzeile und colStatsGetRecordSet , die ein Array zurückgibt entweder von allen Datensätze, oder nur die sichtbaren, in Abhängigkeit vom Wert der pagedTotals . Die erste kann nützlich sein, wenn Sie Änderungen an der Tabelle, die nicht ausgelöst haben nützliche Ereignisse (zum Beispiel direkt das Ändern von Daten in der zugrunde liegenden Recordset), die zweite, wenn Sie benutzerdefinierte Zusammenfassung Funktionen sind.

YAHOO_DataSource_patch.js fügt eine parseField(key, value) -Methode, um DataSource. Dies ist erforderlich, wenn Textbox Inline-Zell-Editoren für numerische Daten haben; der Herausgeber liefert eine Zeichenkette, die nicht analysiert wird automatisch, und so kann nicht hinzugefügt werden. Die parseField bietet Zugriff auf die Parser in der DataSource angegeben, auf das editierte Daten zu konvertieren.

YAHOO_util_Stats.js bietet eine Standalone YAHOO.util.Stats Klasse, die ein (sortiert) Array von numerischen Daten wickelt und bietet eine Zusammenfassung der Statistikdaten. Es ist nur YAHOO.lang Abhängigkeit wird. Ein YAHOO.util.Stats Instanz wird durch die DataTable für jede Spalte, die zusammengefasst werden aufrecht erhalten wird, und speichert einige der schwierigeren Mathematik, um die Leistung zu verbessern. Die Saiten bestanden in der Statistik array ('min', 'mittlere' etc) sind Methoden der Klasse YAHOO.util.Stats, so konnte man einfach zusätzliche diejenigen, indem man dem Prototyp. Beachten Sie aber, dass sie nur Zugang zu "ihrer" Säule der Daten.

Und schließlich

Ich bin mir ziemlich sicher, dies wird nicht mit Scroll-Datentabellen arbeiten, also habe ich es nicht einmal versucht! Aber wenn Sie irgendwelche Probleme oder Ideen haben, finden, gehen Sie bitte legte sie auf den github issue tracker.

Über den Autor: Matt Parker ( @ Lamplightdb auf Twitter ) ist der Gründer und Entwickler bei Lamplight Database Systems , ein kleines Unternehmen, das eine voll funktionsfähige Web-basierte Management-System für Non-Profits in Großbritannien. Matt lebt und arbeitet in Nord-West-London.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

Nächste Seite »

Präsentiert von WordPress auf Yahoo! Web Hosting .

Yahoo! User Interface Blog (YUIBlog)

Treeble mit YUI 3 DataTable