Beliebige HTML-Control-Bibliotheken - ein visuelles Pendant zu jQuery / Prototype

Question

jQuery bietet eine Browser-neutrale Bibliothek für den Zugriff auf und die DOM-Manipulation. Das ist gut.

Jedoch für ein Gegenstück für die visuelle Seite der Dinge, die ich bin auf der Suche - ich brauche Pixel gemessen Schnittstellen zu bauen, ohne so viel Zeit zu verschwenden Prüfung und Korrektur von Cross-Browser-Probleme (Tasten mit verrückten Margen im IE, oder mit der falschen Box Modell in FireFox. Die vielen IE und ansonsten Fällen, in denen mehrere Elemente auf einer Linie verzieht Ausrichtung oder Schwimmer setzen).

Grundsätzlich muß ich in der Lage sein, eine Schnittstelle mit dem genauen Pixelabmessung auf dem Papier zu planen (zB alle Textfelder sollten genau 22px hoch sein), und dann leicht, diese Designs in HTML übersetzen. In einer WinForms Welt, ist dies in der Regel einfach. Mit HTML ist es alles andere als, und ich finde es am schlimmsten ist, wenn es um Eingabesteuerungen kommt.

Welche Bibliotheken oder Sammlungen konnte ich diese Art von Design Wirklichkeit werden lassen (außerhalb von nur alles in Silverlight Umwandlung, wo das Ausmaß der Kontrolle vorhanden ist). Javascript ist erforderlich, auf seine (AJAX zu beginnen), so Bibliotheken auf sie vollständig für die Kontrollen verlassen können.

Einige der Komponenten Ich suche in einem einheitlichen Stil mit präziser Pixel-Steuerung

Buttons
Textfelder
Dropdown-Listen
Comboboxen (Dropdown deren Text direkt bearbeitet werden kann)
Toggle-Knöpfe

Answer 1

Alternativen sind Dojo (pure-JS) und GWT (JS erzeugt aus Java). Einige argumentieren, dass JS insgesamt Notwasserung und ging mit der Flash-Backed Flex ist eine gute Option.

Answer 2

Überprüfen Sie auch ExtJS . Ich habe diese eine intensiv genutzt, und ich kann persönlich bezeugen, wie gut es ist. Ursprünglich war es eine Gabel der Yahoo UI-Bibliothek (YUI), die Soviut erwähnt. Ich persönlich denke, es ist viel besser und besser nutzbar als das Original YUI.

Answer 3

JQuery UI eine gute Erweiterung von JQuery ist, die für Rich Steuerelemente wie Dialoge, Drag & droppables ermöglicht usw.

Die Yahoo Interface Library andere Toolset ist, dass, um näher kann verwendet werden können, was Sie waren ursprünglich fordern.