Javascript / jQuery Grid

jqxGrid je pokročilý widget jQuery Grid postavený výhradně s JavaScriptem a otevřenými webovými standardy. Poskytuje bohaté funkce, snadno použitelné rozhraní API a funguje napříč zařízeními a prohlížeči. Komponenta jQuery grid poskytuje pokročilé funkce Vizualizace dat a vestavěnou podporu pro stránkování, editaci, třídění a filtrování na straně klienta a serveru. Mřížku můžete použít s rámci jako Angular a ReactJS. Vyzkoušejte jqxGrid v našem jsEditor-cloud řešení pro editaci JavaScriptu, HTML a CSS, hostování a sdílení vašich nápadů na vývoj webových stránek!

Highlights

• funguje napříč zařízeními a prohlížeči
• webové standardy kompatibilní
• funkce kompletní jQuery Datagrid pro podnik
• bohaté a snadno použitelné JavaScript API
• Optimalizováno pro výkon
• snadné přizpůsobení a vestavěné motivy
• lokalizace

funkce

• vazba dat
• Outlook-seskupování stylů
• třídění a třídění více sloupců
• filtrování
• stránkování
• úpravy a validace
• vnořené mřížky
• řádek Podrobnosti
• lokalizace
• adaptivní Layout
• typy sloupců
• Změna velikosti sloupců
• Změna pořadí sloupců
• hierarchie sloupců
• připnuté sloupce
• cizí sloupce
• formátování buněk
• vlastní mřížkové filtry
• vlastní editory buněk
• Styl sloupců a buněk
• řádky a buňky výběr
• agregáty
• export do Excelu, XML, HTML, CSV, TSV, PDF a JSON
• tisk
• responzivní Velikost s rozměry tekutiny
• Přístupnost
• klávesnice Navigace
• stav Maitenance

skvělý výkon

jqxGrid nabízí intuitivní a snadno použitelné uživatelské rozhraní pro běžné funkce interakce dat, jako je seskupování, třídění, filtrování, stránkování a rolování. Řádky a sloupce podporují plnou virtualizaci uživatelského rozhraní, která minimalizuje počet prvků DOM, které je třeba vykreslit, a zajišťuje bezkonkurenční výkon ve scénářích s tisíci řádků a sloupců.

vazba dat

naše mřížka obsahuje vestavěnou logiku vazby dat navrženou pro podporu různých zdrojů dat a práci s velkými datovými soubory. Mřížka podporuje několik režimů vazby dat optimalizovaných pro běžné scénáře:

• místní Data-načtěte datovou mřížku javascript z místního pole objektů.
• Xml Data-načtěte datovou mřížku javascript ze zdroje dat XML pomocí AJAX.
• JSON Data-načtěte datovou mřížku javascript ze zdroje dat JSON pomocí AJAXu.
• CSV Data-načtěte datovou mřížku JavaScriptu z CSV.
• Tab Data-načtěte javascript datovou mřížku z TSV (Tab-Delimited).
• Vzdálená Data-načtěte datovou mřížku javascript pomocí JSONP. JSONP (JSON s polstrováním) představuje JSON data zabalená do volání funkce. JSONP je efektivní komunikační technika mezi doménami, která se často používá k obcházení omezení zásad stejného původu.
• virtuální Data-jqxGrid může být naplněn daty na vyžádání, když uživatel posouvá nebo změní aktuální stránku.

Outlook-Style data Grouping

naše data Grid widget umožňuje uživatelům seskupovat data s jednoduchým drag and drop. Uživatelé mohou také uspořádat hierarchii seskupení přetažením záhlaví seskupení v panelu skupiny.

agregáty lze zobrazit pro každou skupinu.

třídění dat

jqxGrid poskytuje vestavěné výkonné funkce třídění, jako je automatické třídění jedním kliknutím, výběr volby řazení z kontextového menu a třídění prostřednictvím volání API. Datová mřížka automaticky zvolí nejvhodnější srovnání. Uživatelé mohou také implementovat a používat vlastní srovnávací funkce řazení. Třídění funguje dobře se všemi možnými konfiguracemi, včetně seskupení řádků a stránkování.

stránkování dat

integrovaná funkce stránkování umožňuje uživatelům zobrazovat velké datové sady na více stránkách pro rychlejší načítání a snadnou navigaci. Uživatelé mají také možnost vybrat, kolik záznamů se na stránce zobrazí.

vnořené datové mřížky

jqxGrid má velmi flexibilní rozvržení, které umožňuje snadné vnoření jakéhokoli obsahu, prvků uživatelského rozhraní a widgetů včetně vnořených datových sítí.

podrobnosti o řádku

podrobnosti o řádku jsou vestavěnou funkcí datové mřížky jQuery. Můžete změnit výšku oblasti podrobností řádku a použít vlastní šablony dat. API JavaScriptu můžete také použít k rozbalení a sbalení oblasti podrobností řádku mřížky.

typy sloupců

infrastruktura mřížky jQuery je navržena tak, aby podporovala více typů sloupců. V aktuální verzi poskytuje datová mřížka vestavěné sloupce „Text“, „číslo“, „DropDownList“, „DateTime“ a „CheckBox“. Naše jQuery grid také podporuje vlastní Vykreslování dat. Vývojáři mohou snadno nahradit výchozí Vykreslování logiku a použít vlastní sloupce a buňky Vykreslování.

připnuté sloupce

jqxgrid podporuje Excel podobné připnuté (zmrazené) sloupce. Tato funkce také umožňuje připnout sloupce vlevo na plátno gridview. Připnuté sloupce jsou velmi užitečné při práci s velkými tabulkami a usnadňují posouvání a porovnávání dat z různých částí tabulky.

formátování buněk

naše mřížka jQuery nabízí funkci formátování buněk, kde můžete snadno zadat formátovací řetězec pro sloupec mřížky. Můžete formátovat data, číselné hodnoty, jako jsou desetinná čísla, celočíselná čísla a čísla s plovoucí desetinnou čárkou, měny a procentuální hodnoty.

vlastní buňky Vykreslování

javascript data grid programovací model je velmi flexibilní a rozšiřitelný. Vývojáři mohou vytvářet vlastní funkce vykreslování buněk a aplikovat je na sloupce nebo jednotlivé buňky mřížky. Tato funkce technicky umožňuje vykreslování libovolného obsahu HTML v buňkách mřížky.

lokalizace

naše jQuery grid podporuje lokalizaci pro vícejazyčné webové stránky a aplikace. Všechny textové prvky použité v Ovládacích tlačítkách, položkách nabídky a prvcích lze lokalizovat.

navigace na klávesnici

pokud uživatel začne psát text, obsah buňky je nahrazen textem zadaným od uživatele.

• stiskne se šipka vlevo-vybere levou buňku, když mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• stiskne se šipka vpravo-vybere správnou buňku, pokud mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• je stisknuto tlačítko se šipkou nahoru – vybere buňku výše, když mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• je stisknuto tlačítko se šipkou dolů-vybere buňku níže, když mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• stránka nahoru / dolů je stisknuta-přejděte nahoru nebo dolů s jednou stránkou, když mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• Home / End je stisknuto-přejděte na první nebo poslední řádek, pokud mřížka není v režimu úprav. V opačném případě je zdvih klíče zpracován editorem.
• je stisknuto tlačítko Enter-zobrazí editor vybrané buňky. Pokud je buňka v režimu úprav, skryje editor buňky a uloží novou hodnotu. Hodnota editoru se rovná hodnotě buňky.
• je stisknuto tlačítko Esc-skryje editor buňky a zruší změny.
• je stisknuto tlačítko Tab-vybere správnou buňku. Pokud je mřížka v režimu úprav, uloží hodnotu editační buňky, zavře její editor, vybere správnou buňku a otevře její editor.
• stisknou se klávesy Shift+Tab – vybere levou buňku. Pokud je mřížka v režimu úprav, uloží hodnotu editační buňky, zavře její editor, vybere levou buňku a otevře její editor.
• je stisknuto tlačítko F2-zobrazí editor vybrané buňky, když je mřížka v režimu úprav.
• je stisknuto Mezerníkové tlačítko-přepne kontrolní stav editoru zaškrtávacího políčka, když je sloupec vybrané buňky zaškrtávacím políčkem a mřížka je upravitelná.
• stiskne se klávesa Ctrl-V režimu výběru „multiplecellsextended a multiplerowsextended“ rozšíří výběr, když uživatel klikne na buňku nebo řádek.
• Ctrl + šipka-přesune na okraj.
• klávesa SHIFT + šipka rozšiřuje výběr.
• Page Down-přesune jednu obrazovku dolů
• Page Up-přesune jednu obrazovku nahoru
• Home-přesune na začátek
• End-přesune na konec

intuitivní buňky a výběr řádků

datová mřížka je dodávána s více buňkami a možnostmi výběru řádků. Můžete si vybrat z jedné buňky do více buněk Excel-jako výběr a z jednoho řádku do víceřádkového výběru.

souhrny dat

Jqwidgets JavaScript Data Grid umožňuje používat vestavěné agregáty a vlastní agregační funkce.Komponenta UI Podporuje souhrnný (souhrnný) řádek a také může zobrazit souhrny, když je povoleno seskupování. Vestavěné agregované funkce zahrnují Min, Max, součet, počet a průměr.

sloupec datové mřížky a přizpůsobení doby běhu rozvržení

datová mřížka obsahuje pevné a citlivé šířky sloupců. Kromě toho mohou být sloupce připnuty, změněny, přeskupeny, stylizovány CSS, skryty, tříděny,filtrovány, seskupeny a další.

Styling a přizpůsobení

naše jQuery Grid je dodáván s několika profesionálně navrženými tématy. Každé téma je uloženo v samostatném souboru CSS a lze jej snadno změnit. Témata lze přepínat pomocí jediné Vlastnosti widgetu mřížky. Od nejnovější verze mřížky jQuery můžete použít objekt JSON ke stylu buněk a sloupců mřížky.