Tabulky jsou nedílnou součástí dokumentů 4D View Pro, a proto jsme ve všech verzích 4D poskytli mnoho funkcí souvisejících s tabulkami. 4D v19 R8 přidává novou související se styly, aby tabulka dokonale ladila se zbytkem dokumentu.
Od nynějška poskytuje stránka VP Set table theme možnost použít naprogramováním jeden z předdefinovaných stylů tabulky. Pokud žádný z těchto stylů nevyhovuje vašim potřebám, můžete si definovat vlastní motiv a aplikovat jej na tabulku.
SpreadJS má více než 60 předdefinovaných motivů:
- „dark1“ až „dark11“
- „light1“ až „light21“
- „medium1“ až „medium28“
- „professional1“ až „professional24“
Chcete-li vytvořit tabulku s jedním z těchto motivů, můžete jej uvést v příkazu VP CREATE TABLE:
$parameter:=Nový objekt
$parameter.theme:="dark10"
VP CREATE TABLE(VP Cells("ViewProArea"; 2; 1; 3; 1); "myTable"; "people"; $parameter)
Stejným způsobem můžete upravit téma existující tabulky pomocí VP SET TABLE THEME:
$parameter:=cs.ViewPro.TableThemeOptions
$parameter.theme:="medium2"
VP SET TABLE THEME("ViewProArea"; "myTable"; $parameter)
Tmavé, světlé a střední téma můžete načíst a otestovat pomocí pásu karet:
Vytvoření vlastního motivu
Pokud vám žádný z definovaných motivů nevyhovuje, můžete si vytvořit vlastní motiv sami. Můžete definovat styl pro sloupce, řádky, záhlaví a zápatí.
Pokud například chcete mít toto pásové vykreslení sloupců:
Musíte:
- Aktivovat pásové vykreslování sloupců:
$param:=cs.ViewPro.TableThemeOptions
$param.bandColumns:=True
$param.bandRows:=False
- Vytvořte styl záhlaví:
$styleHeader:=cs.ViewPro.TableStyle.new()
$styleHeader.backColor:="rgb(255,228,92)"
$styleHeader.foreColor:="rgb(3,4,94)"
$param.theme:=cs.ViewPro.TableTheme.new()
$param.theme.headerRowStyle:=$styleHeader
- Vytvořte svůj alternativní styl sloupců:
$styleColumn1:=cs.ViewPro.TableStyle.new()
$styleColumn1.backColor:="#0077B6"
$styleColumn1.foreColor:="#03045E"
$param.theme.firstColumnStripStyle:=$styleColumn1
$styleColumn2:=cs.ViewPro.TableStyle.new()
$styleColumn2.backColor:="#CAF0F8"
$styleColumn2.foreColor:="#03045E"
$param.theme.secondColumnStripStyle:=$styleColumn2
Aplikujte nové téma díky VP SET TABLE NAME:
VP SET TABLE THEME("ViewProArea"; "myTable"; $param)A je hotovo!
Podívejte se na tuto funkci s výše uvedeným HDI a na dokumentaci, kde najdete další podrobnosti!